javascript - 重定向视频完成网页

Question

我有一个在着陆页上运行全屏视频的网页。我使用javascript的超时功能在视频结束后将页面重定向到另一个链接。但是超时在不同的浏览器中显示出很多不一致。有时页面会在视频结束前重定向，有时会有轻微延迟。

有没有办法完全避免使用超时功能，并在视频结束时简单地重定向页面？

Answer 1

您可以使用 ended 事件检测 html5 视频是否播放完毕。(This 问题回答得很好)。

因此，您的代码可能会执行以下操作:

document.getElementById('myVideo').addEventListener('ended',myHandler,false);
function myHandler(e) {
    window.location.href = "your-link-here";
}