fix

src/views/coursewarePlay/index.tsx

@@ -95,10 +95,11 @@ export default defineComponent({
       data.players = Plyr.setup('.player', {
         debug: false,
         ratio: '16:9',
+        clickToPlay: true,
         controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions']
       })
       data.players.forEach((p: Plyr) => {
-        console.log(p)
+        // console.log(p)
         p.on('play', () => {
           console.log('开始播放了')
           data.showHead = false
@@ -107,6 +108,14 @@ export default defineComponent({
           console.log('暂停了')
           data.showHead = true
         })
+        p.on('controlsshown', () => {
+          console.log('显示控件')
+          data.showHead = true
+        })
+        p.on('controlshidden', () => {
+          console.log('控件隐藏')
+          data.showHead = false
+        })
       })
       console.log('🚀 ~ player', data.players)
     }