HTML5 videoタグ再生終了後に初期状態に戻す

HTML5のvideoタグでposter属性に画像を指定していると、画面読み込み時にはこの画像が表示される。
動画の再生終了時に再び初期状態=posterの画像が表示された状態にするには以下のようにする。

onendedのタイミングでloadメソッドを呼び出す。すると動画が再読み込みされてposterの画像が表示される。

– 2017-02-16 追記 –
間違ってた
正しくは以下


2件のコメント

  1. 上記を記載したのですが、posterの画像が表示されません。
    何か方法がありましたら教えていただければと思います。
    よろしくお願いいたします。

    • すみません、jQuery使う必要ありませんでしたね。
      3行目を
      var video = document.getElementById(“video”);
      として試していただけますか?

      jQuery(2x,3x)使う場合はこういう感じです。

      var video = $(‘#video’);
      video.on(‘ended’, function(){
      this.load();
      });

コメントを残す