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