在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;

返回空

到目前为止，尚无法正常工作的代码演示如下： https://jsbin.com/peludojisi/1/edit?html,js,console,output

有人可以帮我弄清楚如何从html设置playbackRate

非常感谢

杰西

Answer 1

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

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

  

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

脚本的第16行：

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