fix

src/views/coursewarePlay/index.tsx

@@ -87,7 +87,6 @@ export default defineComponent({
       }
       parentContainer.width = width + 'px'
     }
-    
 
     const route = useRoute()
     const headeRef = ref()
@@ -428,7 +427,45 @@ export default defineComponent({
                     >
                       {m.type === 'VIDEO' ? (
                         <>
-                          <video
+                          <easy-player
+                            video-url={m.content}
+                            muted={m.muted}
+                            preload="auto"
+                            class="player"
+                            data-vid={m.id}
+                            src={m.content}
+                            loop={m.loop}
+                            autoplay={m.autoPlay}
+                            onLoadedmetadata={(e: Event) => {
+                              const videoEle = e.target as unknown as HTMLVideoElement
+                              m.currentTime = videoEle.currentTime
+                              m.duration = videoEle.duration
+                              m.videoEle = videoEle
+                              m.isprepare = true
+                            }}
+                            onTimeupdate={(e: Event) => {
+                              if (!m.isprepare) return
+                              const videoEle = e.target as unknown as HTMLVideoElement
+                              m.currentTime = videoEle.currentTime
+                              m.progress = Number(
+                                ((videoEle.currentTime / m.duration) * 100).toFixed(1)
+                              )
+                            }}
+                            onPlay={() => {
+                              // 播放
+                              m.paused = false
+                              console.log('播放')
+                              setModelOpen()
+                              m.muted = false
+                            }}
+                            onPause={() => {
+                              //暂停
+                              clearTimeout(activeData.timer)
+                              m.paused = true
+                            }}
+                            onEnded={() => handleEnded(m)}
+                          ></easy-player>
+                          {/* <video
                             playsinline="false"
                             muted={m.muted}
                             preload="auto"
@@ -467,7 +504,7 @@ export default defineComponent({
                             onEnded={() => handleEnded(m)}
                           >
                             <source src={m.content} type="video/mp4" />
-                          </video>
+                          </video> */}
                           {m.muted && (
                             <div class={styles.loadWrap}>
                               <Vue3Lottie animationData={playLoadData}></Vue3Lottie>

teacher.html

@@ -36,6 +36,7 @@
   <meta name="msapplication-tap-highlight" content="no" />
   <title>管乐团</title>
   <script src="/flexible.js" charset="UTF-8"></script>
+  <script src="/EasyPlayer-element.min.js" charset="UTF-8"></script>
   <script type="text/javascript">
     window.paymentType = 'TEACHER'
   </script>