fix fly file play bug

public/react/package.json

@@ -78,6 +78,7 @@
     "react-cookies": "^0.1.1",
     "react-dev-utils": "^5.0.0",
     "react-dom": "^16.9.0",
+    "react-flv-player": "^1.0.9",
     "react-hot-loader": "^4.0.0",
     "react-infinite-scroller": "^1.2.4",
     "react-loadable": "^5.3.1",

public/react/src/modules/courses/Video/Video.js

@@ -7,6 +7,7 @@ import VideoInReviewItem from '../../user/usersInfo/video/VideoInReviewItem';
 import HeadlessModal from '../../user/usersInfo/common/HeadlessModal';
 import EditVideoModal from '../../user/usersInfo/video/EditVideoModal'
 import ClipboardJS from 'clipboard'
+import VideoPanel from './video-play'
 
 import './video.css';
 import '../../user/usersInfo/video/InfosVideo.css'
@@ -15,7 +16,6 @@ import axios from 'axios';
 const DEFAULT_VIDEO_WIDTH_IN_MD = "90%" // 400
 const DEFAULT_VIDEO_HEIGHT_IN_MD = "55%" // 400
 
-const videoEl = null;
 let _clipboard = null;
 
 class Video extends Component {
@@ -184,15 +184,7 @@ class Video extends Component{
           className="showVideoModal"
           width={800 - 1}
         >
-            {
-              videoId &&
-              <video
-                autoplay="true"
-                ref={videoEl}
-                src={videoId.file_url} controls="true" controlslist="nodownload">
-                您的浏览器不支持 video 标签。
-              </video>
-            }
+          {videoId && <VideoPanel src={videoId.file_url} />}
 
           <div className="df copyLine">
             <Input value={_inputValue}

public/react/src/modules/courses/Video/video-play.jsx

@@ -0,0 +1,18 @@
+import React, { Fragment } from 'react'
+import { ReactFlvPlayer } from 'react-flv-player'
+
+export default ({ src }) => {
+  const suf = src.split('.').pop()
+  const isFlv = suf === 'flv'
+  return (
+    <Fragment>
+      {
+        isFlv ? <ReactFlvPlayer url={src} isMuted={true} /> : <video src={src} controls autoPlay={true} controlsList="nodownload">
+          <source type={`video/${suf}`} src={src} />
+          您的浏览器不支持 video 标签。
+    </video>
+      }
+    </Fragment>
+
+  )
+}

public/react/src/modules/user/usersInfo/video/InfosVideo.js

@@ -1,16 +1,15 @@
 import React, { useState, useEffect, useContext, useRef, memo } from 'react';
-import {Link} from 'react-router-dom';
 import { Pagination, Input, Button } from 'antd'
-import { getUrl2, isDev, ThemeContext, ActionBtn, NoneData } from 'educoder'
+import { ThemeContext, ActionBtn, NoneData } from 'educoder'
 import axios from 'axios'
 import VideoInReviewItem from './VideoInReviewItem'
 import EditVideoModal from './EditVideoModal'
 import './InfosVideo.css'
 import InfoTab from '../common/InfoTab'
 import HeadlessModal from '../common/HeadlessModal'
-import CRoundSelect from '../common/CRoundSelect'
 
 import ClipboardJS from 'clipboard'
+import VideoPlay from '../../../courses/Video/video-play';
 
 function useModal(initValue) {
     const [visible, setVisible] = useState(initValue)
@@ -238,12 +237,7 @@ function InfoVideo (props) {
                 className="showVideoModal"
                 width={800 - 1}
             >
-							<video
-                    autoplay="true"
-                    ref={videoEl}
-                    src={videoId.file_url} controls="true" controlslist="nodownload">
-                    您的浏览器不支持 video 标签。
-                </video>
+                <VideoPlay src={videoId.file_url} />
                 <div className="df copyLine">
                     <Input value={_inputValue}
                         className="dark"