如何跟踪 HTML 5 页面上的视频是不是已完成 [重复]

Posted 2023-05-07

【中文标题】如何跟踪 HTML 5 页面上的视频是不是已完成 [重复]

【英文标题】：How to track if a video on a HTML 5 page has finished [duplicate]如何跟踪 HTML 5 页面上的视频是否已完成 [重复]

【发布时间】：2014-03-30 11:01:48

【问题描述】：

我是初学者，几乎不知道 html5 和 CSS。

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

<center>
<div id="vid_div1">
<video src="media/video/01.mp4" video id="myVideo" autoplay preload="auto"   data-setup="">

</video>
</div>

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

【问题讨论】：

有一个“结束”事件，请参阅：***.com/questions/2741493/…

【参考方案1】：

在 javascript 中使用 onended。

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

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