如何更改HTML5中视频的播放速度？

123

如何更改HTML5中的视频播放速度？我已经在w3school中检查了视频标签的属性，但无法解决。任何帮助，我们将不胜感激！

— 年轻
source

199

根据该站点的信息，playbackRateand defaultPlaybackRate属性支持此属性，可通过DOM访问。例：

/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 2.0;
document.querySelector('video').play();

/* now play three times as fast just for the heck of it */
document.querySelector('video').playbackRate = 3.0;

以上适用于Chrome 43 +，Firefox 20 +，IE 9 +，Edge 12+。

— 杰里米·维瑟（Jeremy Visser）
source

1

感谢您提供的有用资源。尽管Firefox不支持该属性，但我已经在Chrome中进行了演示，效果很好。我想我的老板会喜欢的。谢谢！

— 年轻的

4

从20版本开始， playbackRate就可以在Firefox中使用。它也可以在Chrome中使用。

— Janus Troelsen

2

此功能在开始运行时有效，但在以后运行时无效，例如：window.onload = function（）{document.getElementById（“ master_video”）。defaultPlaybackRate = 0.1; document.getElementById（“ master_video”） .play（）;}

— Fzs2

它不适用于离子android系统...我在android的离子框架中使用HTML％视频播放器，但不支持播放速率.........

— Dinesh R Rajput

1

@Sushan .querySelector返回第一个匹配的对象。您可以使用.querySelectorAll，但是您需要遍历它们，而不是直接使用这些答案中的代码。

— leewz

52

只需输入

document.querySelector('video').playbackRate = 1.25;

在现代浏览器的JS控制台中。

— 安德烈·帕纳苏克（Andrey Panasyuk）
source

video元素的某些属性将阻止此命令工作。如果此控制台命令失败，请在检查器中检查video元素和父元素的属性，然后删除那些阻止用户与视频交互的属性。再次尝试命令。

— Christopher Harwood

0

您可以使用以下代码：

var vid = document.getElementById("video1");

function slowPlaySpeed() { 
    vid.playbackRate = 0.5;
} 

function normalPlaySpeed() { 
    vid.playbackRate = 1;
} 

function fastPlaySpeed() { 
    vid.playbackRate = 2;
}

— 阿卜杜勒·夸迪尔（Abdul Quadir）
source

嗨，@ Armel，如果我将Selenium与Python一起使用，我是否知道将代码放在哪里？

— balandongiv

嗨@balandongiv，很抱歉，我不知道:(

— Armel

-1

javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

您可以在此处输入任何数字，只是不要走太远，以免影响计算机。

— 马蒂杜克1
source