更新

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

@@ -82,6 +82,7 @@ export default defineComponent({
     const browserInfo = browser()
     const headeRef = ref()
     const data = reactive({
+      isMember: false, // 是否为会员
       videoData: null as any,
       trainings: [] as any[],
       trainingTimes: 0,
@@ -178,7 +179,8 @@ export default defineComponent({
       })
 
       setRecord(trainings)
-      handleCheckVip()
+      // 是否为会员
+      data.isMember = handleCheckVip()
     })
     // 返回
     const goback = () => {
@@ -372,6 +374,7 @@ export default defineComponent({
                   <>
                     <VideoClass
                       item={m}
+                      isMember={data.isMember}
                       modal={activeData.model}
                       onEnded={(m: any) => addTrainingRecord(m)}
                       onChangeModal={(status: boolean) => {

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

@@ -16,6 +16,11 @@ export default defineComponent({
         return {}
       }
     },
+    /** 是否会员 */
+    isMember: {
+      type: Boolean,
+      default: true
+    },
     modal: {
       type: Boolean,
       default: true
@@ -23,7 +28,7 @@ export default defineComponent({
   },
   emits: ['loadedmetadata', 'togglePlay', 'ended', 'reset', 'error', 'close', 'changeModal'],
   setup(props, { emit }) {
-    const { item, modal } = toRefs(props)
+    const { item, modal, isMember } = toRefs(props)
     const videoItem = ref()
     const videoID = 'video' + Date.now() + Math.floor(Math.random() * 100)
 
@@ -32,7 +37,7 @@ export default defineComponent({
         nextTick(() => {
           videoItem.value?.pause()
         })
-        console.log(props.item, item.value)
+        // console.log(props.item, 'props.item')
         videoItem.value.poster(props.item.coverImg) // 封面
         videoItem.value.src(props.item.content) // url 播放地址
         videoItem.value.loop(props.item.loop)
@@ -41,7 +46,7 @@ export default defineComponent({
 
         // 初步加载时
         videoItem.value.one('loadedmetadata', (e: any) => {
-          if (item.value.autoplay && videoItem.value) {
+          if (item.value.autoplay && videoItem.value && isMember.value) {
             videoItem.value?.play()
           }
           // 获取时长
@@ -75,7 +80,7 @@ export default defineComponent({
         videoItem.value.on('play', () => {
           item.value.paused = false
           // 播放
-          if (item.value.muted) {
+          if (item.value.muted || !isMember.value) {
             item.value.muted = false
             item.value.videoEle?.muted(false)
             item.value.videoEle?.volume(1)