在毕设中遇到视频播放需求，作者发现vue-video-player无法满足自定义需求，于是动手创建了D-Video-Player。尽管不及vue-video-player成熟，但通过原生事件属性实现，提供了一些基本功能。在实现过程中，作者总结了全屏处理、事件监听、单双击事件冲突等关键点的经验。
最近做的毕设，需要播放个视频，看看用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
最低0.47元/天 解锁文章
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
