设置 html 中 html5 视频的播放速率

Question

观看视频时，可以在浏览器中进入开发者模式，在控制台中输入以下命令来改变视频的播放速度

document.getElementsByTagName('video')[0].playbackRate = 0.9

然而，当我尝试在 html 中对此进行编码时，我无法访问视频对象。

var obj = document.getElementsByTagName('video');
console.log(obj);

returns 一个长度为 0 的对象

也在努力

var player1 = document.getElementById("video");
console.log(player1);
player1.playbackRate = 2;

returns null

此处是目前无法运行的代码演示： https://jsbin.com/peludojisi/1/edit?html,js,console,output

谁能帮我弄清楚如何从 html

设置播放速率

非常感谢

杰西

Answer 1

document.querySelector 不适用于 iframe 秒。由于您示例中的视频位于 iframe 中，因此您的查询 returns null.

您代码段中的错误消息几乎告诉您：

"TypeError: Cannot set property 'defaultPlaybackRate' of null at :16:59

您脚本的第 16 行：

  document.querySelector('video').defaultPlaybackRate = 2.0;