js/vue：video 视频播放器

一： 原生方式实现视频播放

// 设置视频播放速率（倍速播放）
var video = document.getElementById(‘video’)
video.playbackRate = this.value
// 设置视频亮度
-webkit-filter: brightness(0.2) 取值范围0-1（数字为0时为正常样式，为1时表示的是100%亮度，无法看到图片）
// 小窗口播放
webkit-playsinline

videojs 也是用video标签播放的，用video标签就会调用系统自带的播放器。
移动端浏览器劫持了你自己的播放器

二： 实现功能

自定义播放（如：点击外层封面的按钮实现播放）
this.$refs.videoPlayer.player.play();

三：移动端视频播放

移动端浏览器劫持了你自己的播放器（包括app的壳子）（大部分浏览器会劫持video标签，有的还会让播放器处于最顶层）
前端的videojs，ckplayer 也是用video标签播放的，用video标签就会调用系统自带的播放器
方案：用原生播放器(hybrid定位上去)；弄成直播流(直播流没有快进)；分辨率不高可以考虑软解码(webassembly)；canvas播放(性能堪忧)，
大部分浏览器都会劫持video标签，有的还会让播放器处于最顶层