在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设置playbackRate

提前谢谢了

杰西

Answer 1

document.querySelector不适用于iframes。由于示例中的视频位于iframe中，因此查询返回null。

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

“TypeError：无法在：16：59设置null的属性'defaultPlaybackRate'

脚本的第16行：

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