更新

src/views/coursewarePlay/component/points.tsx

@@ -1,8 +1,15 @@
 import { defineComponent, reactive, watch } from 'vue'
 import styles from './point.module.less'
-import { iconMulv, iconArrow} from '../image/icons.json'
+import { iconMulv, iconArrow } from '../image/icons.json'
 import iconZhibo from '../image/icon-load.gif'
-import { iconImage, iconImageActive, iconVideo, iconVideoActive, iconSong, iconSongActive } from '../image/icons.json'
+import {
+  iconImage,
+  iconImageActive,
+  iconVideo,
+  iconVideoActive,
+  iconSong,
+  iconSongActive
+} from '../image/icons.json'
 import { Collapse, CollapseItem, Icon, Image } from 'vant'
 export default defineComponent({
   name: 'points-list',
@@ -12,7 +19,7 @@ export default defineComponent({
       default: () => []
     },
     tabActive: {
-      type: String,
+      type: [String, Number],
       default: ''
     },
     itemActive: {

src/views/coursewarePlay/component/video-play.tsx

@@ -76,6 +76,11 @@ export default defineComponent({
       vudio: null as any,
       showBar: true
     })
+
+    const forms = reactive({
+      subjectIds: [],
+      orgainIds: []
+    })
     const videoRef = ref()
     const videoItem = ref()
     const videoID = 'video' + Date.now() + Math.floor(Math.random() * 100)
@@ -132,8 +137,9 @@ export default defineComponent({
 
     const __initVideo = () => {
       if (videoItem.value && props.item.id) {
+        console.log(props.item, videoItem.value)
         videoItem.value.poster(props.item.coverImg) // 封面
-        videoItem.value.src(item.value.content) // url 播放地址
+        videoItem.value.src(props.item.content) // url 播放地址
 
         // 初步加载时
         videoItem.value.on('loadedmetadata', (e: any) => {
@@ -200,7 +206,6 @@ export default defineComponent({
           }
           if (!item.value.autoPlay && !item.value.isprepare && videoItem.value) {
             // 加载完成后,取消静音播放
-            // console.log(videoItem.value)
             videoItem.value.pause()
           }
           emit('togglePlay', videoItem.value?.paused)
@@ -259,8 +264,8 @@ export default defineComponent({
     onMounted(() => {
       videoItem.value = TCPlayer(videoID, {
         appID: '',
-        controls: false
-        // autoplay: true
+        controls: false,
+        autoplay: true
       }) // player-container-id 为播放器容器 ID，必须与 html 中一致
       __initVideo()
     })
@@ -268,7 +273,10 @@ export default defineComponent({
     watch(
       () => props.item,
       () => {
-        __initVideo()
+        videoItem.value?.currentTime(0)
+        setTimeout(() => {
+          __initVideo()
+        }, 20)
       }
     )