代码之家  ›  专栏  ›  技术社区  ›  Jesse RJ

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

  •  0
  • Jesse RJ  · 技术社区  · 5 年前

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

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

    但当我试图用html编码时,我无法访问视频对象。

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

    也在尝试

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

    退货

    到目前为止未运行的代码演示如下: https://jsbin.com/peludojisi/1/edit?html,js,console,output

    有人能帮我弄清楚如何从html设置播放速率吗

    非常感谢

    杰西

    1 回复  |  直到 5 年前
        1
  •  1
  •   junvar    5 年前

    document.querySelector 不能跨越 iframe s、 由于示例中的视频在iframe中,因此查询返回null。

    代码片段中的错误消息几乎可以告诉您:

    “TypeError:无法将属性'defaultPlaybackRate'设置为null 时间:16:59

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