|
|
// import { DingdingOutlined, UploadOutlined } from '@ant-design/icons';
|
|
|
// import { Button, Card, Steps, Result, Descriptions, Modal, Input, Upload, Popconfirm, Menu, Radio } from 'antd';
|
|
|
// import { Fragment, useEffect, useRef, useState } from 'react';
|
|
|
// import { GridContent } from '@ant-design/pro-layout';
|
|
|
// import { getInfo } from 'react-mediainfo';
|
|
|
// import { Line } from '@ant-design/charts';
|
|
|
// import { DualAxes } from "@ant-design/charts";
|
|
|
// import styles from './index.less';
|
|
|
// import ReactQuill from 'react-quill';
|
|
|
// import 'react-quill/dist/quill.snow.css'
|
|
|
// import ProDescriptions, { ProDescriptionsItemProps } from '@ant-design/pro-descriptions';
|
|
|
// import { TableListItem } from '../ListTableList2';
|
|
|
// import { v4 as uuidv4 } from 'uuid';
|
|
|
// import { queryCourseList } from '../course/option/service';
|
|
|
|
|
|
import { VideoJS } from "../course/option/components/VideoJS";
|
|
|
|
|
|
// import { useRequest } from 'umi';
|
|
|
export default () => {
|
|
|
return<>
|
|
|
//down/Syzx/2c/2cff8e39-754d-4b85-90b0-74745f102f17.mp4
|
|
|
//http://10.10.24.121:8000/dsideal_yy/html/down/Syzx/2c/2cff8e39-754d-4b85-90b0-74745f102f17.mp4
|
|
|
{/*<video src="http://10.10.24.121:8000/dsideal_yy/html/down/Syzx/2c/2cff8e39-754d-4b85-90b0-74745f102f17.mp4" controls>no....</video>*/}
|
|
|
<VideoJS
|
|
|
height='100%'
|
|
|
style={{height:480}}
|
|
|
options={{
|
|
|
controls: true,
|
|
|
playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
|
|
|
autoplay: false, // 如果true,浏览器准备好时开始回放。
|
|
|
muted: false, // 默认情况下将会消除任何音频。
|
|
|
loop: false, // 导致视频一结束就重新开始。
|
|
|
preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
|
|
|
language: 'zh-CN',
|
|
|
aspectRatio: '4:3', // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
|
|
|
fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
|
|
|
sources: [
|
|
|
{
|
|
|
src: '/dsideal_yy/html/down/Syzx/2c/2cff8e39-754d-4b85-90b0-74745f102f17.mp4', // 测试地址后续请删除
|
|
|
//type: 'application/x-mpegURL'
|
|
|
}
|
|
|
],
|
|
|
}}
|
|
|
/>
|
|
|
</>
|
|
|
};
|