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
    };
};