Browse Source

修复问题

lex 1 year ago
parent
commit
ccdb8c5526

+ 0 - 1
src/views/coursewarePlay/component/video-play.tsx

@@ -171,7 +171,6 @@ export default defineComponent({
         videoItem.value.on('ended', () => {
           changePlayBtn('pause')
           emit('ended')
-          videoItem.value?.currentTime(0)
         })
 
         //

+ 22 - 9
src/views/exercise-after-class/video-class.tsx

@@ -27,14 +27,7 @@ export default defineComponent({
     const videoItem = ref()
     const videoID = 'video' + Date.now() + Math.floor(Math.random() * 100)
 
-    onMounted(() => {
-      videoItem.value = TCPlayer(videoID, {
-        appID: '',
-        controls: false,
-        loop: item.value.loop,
-        muted: item.value.muted
-        // autoplay: true
-      }) // player-container-id 为播放器容器 ID,必须与 html 中一致
+    const __init = () => {
       if (videoItem.value) {
         videoItem.value.poster(props.item.coverImg) // 封面
         videoItem.value.src(item.value.content) // url 播放地址
@@ -81,7 +74,8 @@ export default defineComponent({
             item.value.muted = false
             videoItem.value.muted(false)
             videoItem.value.volume(1)
-            item.value.videoEle.pause()
+            // item.value.videoEle.pause()
+            videoItem.value.pause()
           }
         })
 
@@ -90,7 +84,26 @@ export default defineComponent({
           emit('error')
         })
       }
+    }
+
+    onMounted(() => {
+      videoItem.value = TCPlayer(videoID, {
+        appID: '',
+        controls: false,
+        loop: item.value.loop,
+        muted: item.value.muted
+        // autoplay: true
+      }) // player-container-id 为播放器容器 ID,必须与 html 中一致
+
+      __init()
     })
+
+    watch(
+      () => props.item,
+      () => {
+        __init()
+      }
+    )
     return () => (
       <>
         <div