videoタグで、再生終了時に再度サムネイルを表示させたいです。

Question

###前提・実現したいこと
HTML5の<video>タグを用いてWebサイトへの動画埋め込みをし、
サムネイルクリックで再生、動画終了時にサムネイルに戻り、再度クリックで再生

###発生している問題・エラーメッセージ
サムネイルをクリックし再生することは出来るのですが、
動画再生終了時に、再度サムネイルを表示することができません。
（動画の最後のフレームのまま止まってしまう）

###ソースコード
<video src="../common/movie/movie.mp4" width="200px;"height="150px;" poster="img/img.jpg" onclick="this.play()" id="video"></video>

###補足情報(言語/FW/ツール等のバージョンなど)
よろしくお願いいたします。

Answer 1

何年も前のご質問なので解決済みと思われますが、ネットで「動画終了後」で検索すると、上位に出てくるものなので、私のやり方を書いておきます。

HTMLのビデオタグを以下にします。
<video src="動画" controls onended="location.href='そのページ.html';" poster="サムネイル"></video>
動画終了後に、そのページを再読込しているだけですが、難しいことなく簡単ですからお薦めです。

Answer 2

<script type~"text/javascript">
  video.onended = function(e) {
    this.currentTime = 0;
  }
</script>

こんな感じでどうでしょうか。

Comments

[chartreux]

ご回答いただきありがとうございます！
試してみます。