如何改变HTML5视频播放速度?我在w3school中检查了视频标签的属性,但无法接近。
当前回答
如果页面上有多个视频,大多数其他答案只会改变第一个。
javascript: document.querySelectorAll(视频)。forEach((vid) => vid。playbackRate = 1.5);
^^这个书签将加速打开页面上的所有视频。
其他回答
如果页面上有多个视频,大多数其他答案只会改变第一个。
javascript: document.querySelectorAll(视频)。forEach((vid) => vid。playbackRate = 1.5);
^^这个书签将加速打开页面上的所有视频。
它总是有效的,你可以试试
var vid = document.getElementById("myVideo");
vid.playbackRate = 0.5;
(在Chrome浏览器中测试,同时在YouTube上播放视频,但应该在任何地方工作——特别适用于加速在线培训视频)。
对于任何想要将这些书签作为“bookmarklet”(包含JavaScript代码而不是url的书签)添加到浏览器的人,请使用这些浏览器书签名称和url,并将以下每个书签添加到浏览器顶部。当复制下面每个书签的“URL”部分时,复制整个多行代码块,新行和所有,到浏览器中书签创建工具的“URL”字段中。
名称:0.5倍 URL:
javascript:
document.querySelector('video').playbackRate = 0.5;
名称:1.0倍 URL:
javascript:
document.querySelector('video').playbackRate = 1.0;
名称:1.5倍 URL:
javascript:
document.querySelector('video').playbackRate = 1.5;
名称:2.0倍 URL:
javascript:
document.querySelector('video').playbackRate = 2.0;
这里是我所有的回放速度书签:
我添加了以上所有的播放速度书签,以及更多,到我的书签栏上一个名为1.00x的文件夹中,如下所示:
引用:
杰里米·维瑟给出了主要答案 从我的GitHub要点复制在这里:https://gist.github.com/ElectricRCAircraftGuy/0a788876da1386ca0daecbe78b4feb44#other-bookmarklets 在这里也可以获得其他书签,比如在GitHub上帮助你。
我更喜欢对视频速度进行更精细的调整。我喜欢能够按指令加速和减慢视频。因此我使用这个:
window.addEventListener("keypress", function(e) {
if(e.key==="d") document.getElementsByTagName("video")[0].playbackRate += .1; else if(e.key==="s") document.getElementsByTagName("video")[0].playbackRate -= .1;
}, false);
按d加速,按s减速。
只需在浏览器的javascript控制台中输入以下命令:
document.querySelector('video').playbackRate = 2.0;
你可以从右键菜单中选择inspect选项,如下所示:
推荐文章
- 在JavaScript中将JSON字符串解析为特定对象原型
- 将字符串“true”/“false”转换为布尔值
- 在输入type="number"时禁用webkit的旋转按钮?
- ffmpeg输出的含义(tbc, tbn, tbr)
- 如何在另一个元素之后添加一个元素?
- 我如何有效地解析HTML与Java?
- “ ”和“”有什么区别?
- 如何使用JavaScript代码获得浏览器宽度?
- event.preventDefault()函数在IE中无法工作
- indexOf()和search()的区别是什么?
- 错误:'types'只能在.ts文件中使用- Visual Studio Code使用@ts-check
- React-Native:应用程序未注册错误
- LoDash:从对象属性数组中获取值数组
- src和dist文件夹的作用是什么?
- 防止滚动条增加到Chrome页面的宽度