vue+videojs播放m3u8使用技巧合集

1.播放按钮居中在2.暂停时显示播放按钮。在css中添加属性以在video.js暂停时显示播放按钮。下图中使用了上一个按钮居中的方法：代码如下：://style.vjs-paused.vjs-big-play-button,.vjs-paused.vjs-has-started.vjs-big-play-button{display:block;}3.点击屏幕播放/暂停样式在中添加相应的css属性，点击屏幕任意位置播放/暂停视频。代码如下：//style.video-js.vjs-playing.vjs-tech{pointer-events:auto;}pointer-events是CSS的一个属性，用来控制鼠标的移动。详情请参考《CSS里的pointer-events属性》。4.监听视频播放/暂停事件（1）首先，使用ref绑定对应的video标签（2）然后，使用addEventListener()方法监听视频播放/暂停代码如下：//template//scriptthis.$refs.videoPlayer.addEventListener("播放",function(){console.log("开始播放");});this.$refs.videoPlayer.addEventListener("暂停",function(){console.log("暂停播放");});参考（reference）https://www.awaimai.com/2053....https://www.cnblogs.com/ghfjj...