HTML5视频介绍？

Question

所以我想为我的网站制作一个简短的视频介绍，然后它将逐渐淡出并直接进入我的主站点。排序如下：http://www.firecrackerfilms.com/。

这是我的代码：

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

视频效果很好但是在完成后它就会停留在那里并且不会进入主页面。任何提示或解决方案将不胜感激！

谢谢！

Answer 1

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

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