skyblued 2 jaren geleden
bovenliggende
commit
32d82e9088
1 gewijzigde bestanden met toevoegingen van 7 en 3 verwijderingen
  1. 7 3
      src/views/coursewarePlay/index.tsx

+ 7 - 3
src/views/coursewarePlay/index.tsx

@@ -66,7 +66,8 @@ export default defineComponent({
       detail: null,
       active: '',
       knowledgePointList: [] as any,
-      showHead: true
+      showHead: true,
+      players: [] as any
     })
     const getDetail = async () => {
       try {
@@ -91,12 +92,12 @@ export default defineComponent({
     }
     const videoInit = () => {
       console.log(document.querySelectorAll('.player'))
-      const player = Plyr.setup('.player', {
+      data.players = Plyr.setup('.player', {
         debug: false,
         ratio: '16:9',
         controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions']
       })
-      console.log('🚀 ~ player', player)
+      console.log('🚀 ~ player', data.players)
     }
     onMounted(() => {
       handleInit()
@@ -113,6 +114,9 @@ export default defineComponent({
       Array.from(iframes).map((f: any) => {
         f.contentWindow.postMessage({ api: 'setPlayState' }, '*')
       })
+      data.players.forEach((p: any) => {
+        p.stop()
+      })
     }
     onUnmounted(() => {
       postMessage({