最近做的毕设,需要播放个视频,看看用Vue有什么解决方案
搜出来的基本上都只是vue-video-player
用了之后我想根据需求给底部控制栏加一个切换码率的menu
但是不知怎么加,网上也找不到什么办法,无奈之下......
我自己写了一个基于vue的播放器 --> D-Video-Player,小兴奋啊,第一次写出这样的小玩意
当然,肯定是比不上surmon-china大佬写的vue-video-player
而且是用原生事件属性来做的,不是基于videojs,兼容性没有做大多支持,不过还是挺好用的
后续我大概还会完善迭代一下的,求给个小星星~~~
在实打实造这个播放器时,还是积累了不少经验的:
1. 视频全屏的实质是首先浏览器全屏,然后用position: fixed把整个video铺满全屏,因为用video原生自带的全屏,自定义底部控制栏就会被盖住
2. 退出全屏,毫无疑问是按个esc键,一开始我是想监听这个esc键,然后去除掉position: fixed这个样式,但是不行,因为全屏时浏览器不允许监听keydown、keyup、keypre