JQuery自动播放视频

Question

嗨我有一些非常基本的视频html:

<div class="video_holder">
      <video id="video_player" controls="controls" poster=""> 
        <source id="video_mp4" src="" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
      </video>
</div>

在我的js中:

 function playFile(e) {
      ...
      e.preventDefault()
      var selected = $(this);
      var path = selected.attr('href');
      $("#video_mp4").attr('src', path);
      // how do I get this thing to auto-play?????
  };

这非常适合将正确的路径注入src属性,并且我已验证路径是否正确且可访问.但是,我无法让视频在加载时自动播放.

我试过了:

document.getElementById("video_player").play();

$('#video_player').trigger('play');

$('#video_player').play();

如何触发视频自动播放？

任何帮助非常感谢.

Answer 1

您可以使用:

$("#video_player")[0].play();

要么:

$("#video_player")[0].autoplay = true;

要么:

document.getElementById("video_player").setAttribute('autoplay', true);

无论什么适合你.使用$('#video_player').play();你正在引用playjQuery中不存在的方法,你应该引用找到的对象$("#video_player").

要在JS中更改视频的src,您只需要这样的东西:

function playFile() {
    var video = $("#video_player");
    video[0].src = "http://www.yoursrc.com/video_new.mp4";
    video[0].load();
    video[0].play();
};