This question already has answers here:
Detect when an HTML5 video finishes
                                
                                    (7个答案)
                                
                        
                                5年前关闭。
            
                    
我是新手,几乎不了解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中使用onended

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

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

关于javascript - 如何跟踪HTML 5页面上的视频是否已完成,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22061353/

10-13 08:14