javascript - HTML5 视频重定向

Question

基本上我想做的是让视频在播放完毕后重定向到另一个网页(与 YouTube 用于播放列表的方式非常相似)。在提出此类问题之前，我尝试做一些研究，但似乎没有任何结果。

代码如下:

<video id="example_video_1" class="video-js vjs-default-skin"
  controls preload="auto" width="854" height="480"
  poster="images/thumbnailbackgrounds/AE-DageSide.jpg"
  data-setup='{"example_option":true}'>
  <source src="files/Clip1.mp4" type='video/mp4' />
</video>

Answer 1

由于您似乎正在使用 Video.JS 来实现此目的，因此您应该查看他们的文档:

https://github.com/videojs/video.js/blob/master/docs/index.md

具体来说，API 部分:

https://github.com/videojs/video.js/blob/master/docs/api.md

在“事件”部分，它说:

结束

到达媒体资源末尾时触发。当前时间==持续时间

因此您需要获取对您的播放器的引用(也在该页面上):

var myPlayer = videojs("example_video_1");

然后监听结束的事件，并从那里重定向:

function endedFunction(){
    window.location = 'http://www.example.com/';
}

myPlayer.on("eventName", endedFunction);