如何跟踪HTML 5页面上的视频是否已完成

Question

我是初学者，几乎不懂HTML5和CSS。

我想要的是，在页面上的视频完成后，它应该重定向到下一页。 我在页面上有一个按钮，可以进入下一页。

<center>
<div id="vid_div1">
<video src="media/video/01.mp4" video id="myVideo" autoplay preload="auto" width="1000" height="600" data-setup="{}">

</video>
</div>

<ul class="style btn_close">
<li><a href="index_2.html" class="btn_close">Skip</a></li>
</ul>

Answer 1

在Javascript中使用onended。

<script>
    var video = document.getElementsByTagName('video')[0];

    video.onended = function(e) {
      window.location = "index_2.html";
    }
</script>