lex 1 éve
szülő
commit
1add4ae3d1

+ 1 - 1
src/views/coursewarePlay/component/points.tsx

@@ -19,7 +19,7 @@ export default defineComponent({
       default: () => []
     },
     tabActive: {
-      type: [String, Number],
+      type: [String, Number, Array],
       default: ''
     },
     itemActive: {

+ 7 - 10
src/views/coursewarePlay/component/video-play.tsx

@@ -137,10 +137,11 @@ export default defineComponent({
 
     const __initVideo = () => {
       if (videoItem.value && props.item.id) {
-        console.log(props.item, videoItem.value)
+        nextTick(() => {
+          videoItem.value?.currentTime(0)
+        })
         videoItem.value.poster(props.item.coverImg) // 封面
         videoItem.value.src(props.item.content) // url 播放地址
-
         // 初步加载时
         videoItem.value.on('loadedmetadata', (e: any) => {
           console.log(' Loading metadata')
@@ -158,12 +159,6 @@ export default defineComponent({
           }
           emit('loadedmetadata', videoItem.value)
         })
-        // videoItem.value.on('timeupdate', () => {
-        //   if (!props.isActive) {
-        //     console.log('不是激活的视频,如果在播放,就暂停')
-        //     videoRef.value.pause()
-        //   }
-        // })
 
         // 视频播放时加载
         videoItem.value.on('timeupdate', () => {
@@ -174,8 +169,9 @@ export default defineComponent({
 
         // 视频播放结束
         videoItem.value.on('ended', () => {
-          changePlayBtn('play')
+          changePlayBtn('pause')
           emit('ended')
+          videoItem.value?.currentTime(0)
         })
 
         //
@@ -282,7 +278,7 @@ export default defineComponent({
         videoItem.value?.currentTime(0)
         setTimeout(() => {
           __initVideo()
-        }, 20)
+        }, 60)
       }
     )
 
@@ -293,6 +289,7 @@ export default defineComponent({
     const getPlyrRef = () => {
       return videoItem.value
     }
+
     expose({
       changePlayBtn,
       toggleHideControl,

+ 2 - 2
src/views/coursewarePlay/index.tsx

@@ -463,9 +463,9 @@ export default defineComponent({
     // 双击
     const handleDbClick = () => {
       if (activeVideoItem.value.type === 'VIDEO') {
-        const activeVideoRef = data.videoItemRef?.getVideoRef()
+        const activeVideoRef = data.videoItemRef?.getPlyrRef()
         if (activeVideoRef) {
-          if (activeVideoRef.paused) {
+          if (activeVideoRef.paused()) {
             activeVideoRef.play()
           } else {
             activeVideoRef.pause()

+ 1 - 0
src/views/exercise-after-class/video-class.tsx

@@ -101,6 +101,7 @@ export default defineComponent({
         >
           <video
             id={videoID}
+            style={{ height: '100%', width: '100%' }}
             playsinline="false"
             preload="auto"
             class="player"