2013-05-04 70 views
0

所以我想为我的网站做一个简短的视频介绍,然后它会淡出并直接到我的主站点。 Sorta像这样:http://www.firecrackerfilms.com/HTML5视频介绍?

这是我的代码:

<video id="video" src="Inception.mp4" autoplay height: 100% width=100%>

视频工作正常,但它完成之后它就停在那儿,不进入主网页。任何提示或解决方案将不胜感激!

谢谢!

+3

http://stackoverflow.com/questions/2741493/how-do-you-detect-html5-video-events – 2013-05-04 03:58:59

+1

http://stackoverflow.com/a/10421554/1555147 – Kira 2013-05-04 04:02:27

回答

1

在window.onload中,将事件处理程序绑定到视频元素的“已结束”事件。在该处理程序中,您可以重定向页面或使用AJAX加载内容。喜欢的东西:

window.onload= function() { 
    document.getElementById("video").onended = function() { 
     // video done playing 
    }; 
};