Javascript HTML5视频重定向

基本上，我想做的是在视频播放完毕后，将其重定向到另一个网页，这与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>

---

因为看起来您正在使用Video.JS进行此操作，所以您应该看看他们的文档：

具体而言，API部分：

在事件部分，它说：

结束

到达媒体资源末尾时激发。currentTime==持续时间

因此，您还需要在该页面上获得您的玩家的参考：

var myPlayer = videojs("example_video_1");

然后侦听结束的事件，并从此处重定向：

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

myPlayer.on("eventName", endedFunction);

从中借用，请尝试以下操作。你不需要video.js。 HTML

JavaScript

---

应该可以工作。

这也可以工作，不过应该注意，Video.JS包装了视频/更改了DOM，更改了视频元素的ID。请参见此处的示例：。源元素的ID为home\u video，但在页面加载后，video元素将获得home\u video\u html5\u的ID。感谢M Sost和Bram Vanroy的帮助。这个问题已经解决了

<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>

<script>
    var video = document.getElementsByClassName("video-js");

    // Or select element by HTML tag
    // var video = document.getElementsByTagName('video')[0];

    video.onended = function() {
      window.location.href = "www.yoururl.com";
    }
</script>