3

こんにちは、ビデオ用の非常に基本的な 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();

動画の自動再生をトリガーするにはどうすればよいですか?

どんな助けでも大歓迎です。

4

3 に答える 3

12

以下を使用できます。

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

または：

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

または：

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

あなたに合ったものは何でも。jQuery で$('#video_player').play();存在しないメソッドを参照しているため、 で見つかったオブジェクトを参照する必要があります。play$("#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();
};

注: Chrome で属性を使用する場合は、プロパティ
も追加する必要があります。参照: https://developers.google.com/web/updates/2017/09/autoplay-policy-changesmutedautoplay

于 2013-02-28T00:20:55.240 に答える