fix fly file play bug

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 && <VideoPanel src={videoId.file_url} />}
-              videoId &&
-              <video
-                autoplay="true"
-                ref={videoEl}
-                src={videoId.file_url} controls="true" controlslist="nodownload">
-                您的浏览器不支持 video 标签。
-              </video>
-            }
 
           <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

@@ -9,6 +9,7 @@ import InfoTab from '../common/InfoTab'
 import HeadlessModal from '../common/HeadlessModal'
 
 import ClipboardJS from 'clipboard'
+import VideoPlay from '../../../courses/Video/video-play';
 
 function useModal(initValue) {
     const [visible, setVisible] = useState(initValue)
@@ -236,12 +237,7 @@ function InfoVideo(props) {
                 className="showVideoModal"
                 width={800 - 1}
             >
-                <video
+                <VideoPlay src={videoId.file_url} />
-                    autoplay="true"
-                    ref={videoEl}
-                    src={videoId.file_url} controls="true" controlslist="nodownload">
-                    您的浏览器不支持 video 标签。
-                </video>
                 <div className="df copyLine">
                     <Input value={_inputValue}
                         className="dark"