在HTML中设置HTML5视频的播放率

Question

观看视频时，可以在浏览器中输入开发人员模式并在控制台中输入以下命令以更改视频的播放速度

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

但是，当我尝试在HTML中进行编码时，我将无法访问视频对象。

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

返回长度为0

的对象

也尝试

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

返回 null

到目前为止，无效代码的演示在这里：https://jsbin.com/peludojisi/1/edit?html，js，,, Console，output

有人可以帮我找出如何从html

设置ploplackrate

非常感谢

杰西

Answer 1

document.querySelector不起作用iframe s。由于您的示例中的视频在iFrame内，因此您的查询返回null。

您的摘要中的错误消息几乎告诉您：

" typeError：无法设置null的属性'DefaultPlayBackrate' 在：16：59

您脚本的第16行：

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