2014-02-27 20 views
0

我是初學者,幾乎不瞭解HTML5和CSS。如何跟蹤HTML 5頁面上的視頻是否已完成

我想要的是,在頁面上的視頻完成後,它應該重定向到下一頁。 我在頁面上有一個按鈕可以進入下一頁。

<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> 
+0

有一個「結束」事件,請參閱:http://stackoverflow.com/questions/2741493/how-do-you-detect-html5-video-events – Andrew

回答

0

使用onended在Javascript。

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

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