高低水东西f51
贡献了超过549个回答
关注
成为第1位粉丝
此处使用Chrome浏览器做演示,鼠标放在网页播放器然后单击右键,如果鼠标在播放器上不能单击右键那就把鼠标放到播放器外的网页元素上再单击右键,选择单击“检查”菜单
文章图片2
如果网页不让你使用鼠标右键,那就在浏览器菜单打开网页检查器。如果你的系统和浏览器不一样,那么自行根据系统和浏览器去网上搜索打开检查器的方法。
文章图片3
开启自定义倍速播放
在检查器页面选择Console选项卡菜单,然后找到下发输入框,粘贴以下代码,即可使网页视频进行3倍速播放
文章图片4
代码如下,代码一定要使用半角英文输入,不能输入中文字符哦。
或者直接复制粘贴下面代码
document.getElementsByTagName('video')[0].playbackRate = 3
如果不支持那说明不是HTML5视频播放器,如果网页可以切换那就切换HTML5,不能就没办法了
文章图片5
代码解释,学过网页JavaScript编程或者HTML5的人都应该知道,这个其实就是一个HTML5 视频倍速播放器而已,但还是很实用。
document.getElementsByTagName('video')
获取本页面的HTML5 视频播放器
[0]
获取第一个元素,如果本页有其它视频播放器则[]括号内的数字代表第一(0+1)个播放器,一般一个网页就一个视频播放器同时播放,除非是个变态开发。
playbackRate = 3
设置一个播放倍速,此处意思就是3倍速播放,如果需要其它倍速,那么把3替换成自己需要的速度即可。
这个值在Chrome浏览器的范围为 0.07 - 16,其它浏览器或者业界标准请自查或者自己测试,反正人看视频0.5-4倍已经是极限范围了,完全够用。
<script>var video = document.getElementById("video")
function getPlaySpeed() {
alert(video.playbackRate)//获取视频/音频的播放速度
}
function setPlaySpeed() {
video.playbackRate=2//设置视频/音频的播放速度
}
</script>
<button onclick="getPlaySpeed()" type="button">播放速度是多少?</button>
<button onclick="setPlaySpeed()" type="button">将视频设置为以快速播放</button>
<br />
<br />
<video id="video" controls="controls">
<source src="F:/CloudMusic/MV/周蕙 - 当归.mp4" type="video/mp4" >
</video>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)