重定向有关视频完成的网页

Question

我有一个网页可以在目标网页上播放全屏视频。在视频结束后，我使用了javascript的超时功能将页面重定向到另一个链接。但是超时显示了不同浏览器中的许多不一致之处。有时页面会在视频结束之前重定向，有时会稍有延迟。

有什么方法可以完全避免使用超时功能，而在视频播放结束后直接重定向页面？

Answer 1

您可以通过ended事件来检测html5视频是否已完成播放。 （This的问题回答得很好）。

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

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