|
@@ -91,12 +91,23 @@ export default defineComponent({
|
|
|
})
|
|
|
}
|
|
|
const videoInit = () => {
|
|
|
- console.log(document.querySelectorAll('.player'))
|
|
|
+ // console.log(document.querySelectorAll('.player'))
|
|
|
data.players = Plyr.setup('.player', {
|
|
|
debug: false,
|
|
|
ratio: '16:9',
|
|
|
controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions']
|
|
|
})
|
|
|
+ data.players.forEach((p: Plyr) => {
|
|
|
+ console.log(p)
|
|
|
+ p.on('play', () => {
|
|
|
+ console.log('开始播放了')
|
|
|
+ data.showHead = false
|
|
|
+ })
|
|
|
+ p.on('pause', () => {
|
|
|
+ console.log('暂停了')
|
|
|
+ data.showHead = true
|
|
|
+ })
|
|
|
+ })
|
|
|
console.log('🚀 ~ player', data.players)
|
|
|
}
|
|
|
onMounted(() => {
|