爱奇艺播放器使用更高倍速播放

1. 原理

通过查看爱奇艺网页播放器的元素可以发现，爱奇艺播放器使用的是video标签播放的。那么就可以通过更改video标签的属性来改变播放速度。

2.操作

在控制台通过执行以下代码重新设置video参数

var el = document.querySelector('video') // 选取video元素
el.playbackRate = 5 // 设置成需要的倍速 

tips

实验环境: chrome 浏览器
在实验过程中发现设置的值并不是永久有效的，经过了一段时间就会自动改回。具体原因没有去探究哈，但是通过观察控制台发现，一个视频似乎是分成好多小段儿加载的，因此会导致加载下一小段时重新设置参数，恢复成默认值。 关于这个问题我目前也没有较好的解决办法，理想的做法是能够获取重新加载的动作，然后根据动作再重新设置倍速。

现在我使用的解决办法是设置定时任务， 虽然很流氓啦，但是还是解决了一部分问题的。

var = intervalTask = setInterval(function() {document.querySelector('video') .playbackRate = 5},1000); // 开启定时任务
clearInterval(intervalTask);//停止定时任务    

3.总结

以上方法对于h5 的使用video标签播放视频的网站都是有效的。不妨试试看。