1

基本上我想要做的是让视频在完成播放后重定向到不同的网页（非常类似于 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>
4

2 回答 2

0

由于看起来您正在为此使用 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

在“事件”部分，它说：

结束了

Fired when the end of the media resource is reached. currentTime == duration

因此，您需要获得对播放器的引用（也在该页面上）：

var myPlayer = videojs("example_video_1");

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

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

myPlayer.on("eventName", endedFunction);
于 2013-07-27T23:11:42.457 回答
0

从这个答案中借用，尝试以下操作。而且您不需要 video.js。 HTML

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

JavaScript

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

应该工作。

于 2013-07-27T23:21:12.060 回答