修改播放

src/views/exercise-after-class/video-class.tsx

@@ -32,7 +32,7 @@ export default defineComponent({
         nextTick(() => {
           videoItem.value?.pause()
         })
-        console.log(props.item, item.value)
+        console.log(props.item, item.value, '-----')
         videoItem.value.poster(props.item.coverImg) // 封面
         videoItem.value.src(props.item.content) // url 播放地址
         videoItem.value.loop(props.item.loop)
@@ -41,7 +41,18 @@ export default defineComponent({
 
         // 初步加载时
         videoItem.value.one('loadedmetadata', (e: any) => {
+          // 获取时长
+          const videoEle = videoItem.value
+          item.value.duration = videoEle.duration()
+          item.value.videoEle = videoEle
+          item.value.loaded = true
+          emit('loadedmetadata', videoItem.value)
+
           if (item.value.autoplay && videoItem.value) {
+            item.value.muted = false
+            item.value.videoEle?.muted(false)
+            item.value.videoEle?.volume(1)
+            // item.value.videoEle?.pause()
             videoItem.value?.play()
           } else {
             item.value.muted = false
@@ -49,13 +60,6 @@ export default defineComponent({
             item.value.videoEle?.volume(1)
             item.value.videoEle?.pause()
           }
-
-          // 获取时长
-          const videoEle = videoItem.value
-          item.value.duration = videoEle.duration()
-          item.value.videoEle = videoEle
-          item.value.loaded = true
-          emit('loadedmetadata', videoItem.value)
         })
 
         // 视频播放时加载
@@ -76,17 +80,21 @@ export default defineComponent({
           //暂停
           item.value.paused = true
           item.value.videoEle?.pause()
+          setTimeout(() => {
+            item.value.videoEle?.pause()
+          }, 100)
         })
 
         videoItem.value.on('play', () => {
           item.value.paused = false
           // 播放
-          if (item.value.muted) {
-            item.value.muted = false
-            item.value.videoEle?.muted(false)
-            item.value.videoEle?.volume(1)
-            item.value.videoEle?.pause()
-          }
+          console.log(JSON.parse(JSON.stringify(item.value)), 'play ------ ')
+          // if (item.value.muted) {
+          //   item.value.muted = false
+          //   item.value.videoEle?.muted(false)
+          //   item.value.videoEle?.volume(1)
+          //   item.value.videoEle?.pause()
+          // }
         })
 
         // 视频播放异常
@@ -111,6 +119,7 @@ export default defineComponent({
     watch(
       () => props.item,
       () => {
+        item.value.videoEle?.pause()
         __init()
       }
     )