|
@@ -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({
|