【问题标题】: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" 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>

【问题讨论】:

标签: javascript html css video responsive-design


【解决方案1】:

在 Javascript 中使用 onended

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

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

【讨论】:

    猜你喜欢
    • 2017-09-30
    • 1970-01-01
    • 2022-08-29
    • 1970-01-01
    • 1970-01-01
    • 2020-09-29
    • 2011-10-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多