如何在视频长度结束时重定向到HTML中的下一页？

Question

我有一个HTML网站。在网站的HomePage上有一个视频播放。我希望当视频结束时视频持续时间结束，然后网站会自动重定向到下一页。 我怎么能用HTML做到这一点？

Answer 1

熟悉HTML5视频元素，因为它似乎会为您派上用场。

所以说你有一个类似的视频;

<video src="myVideo.mp4">
</video>

然后，您可以使用已启用的HTML5事件在视频结束时执行某项功能，例如;

<script>
var video = document.getElementsByTagName('video')[0];

video.onended = function(e) {
  /*Do things here!*/
};
</script>

有关详情，请参阅此处：http://www.w3.org/TR/html5/embedded-content-0.html#event-media-ended