将自动播放视频重定向到网站页面

Question

我的自动播放正在运行，但我无法将视频重定向到我网站上的某个页面？我需要用户能够看到视频播放几秒钟然后将它们带到我网站的主页。

这是我写的代码：

<ul>
  <li class="Video" id="video-1">
    <video autoplay id="video-background" muted>
      <source src="videos/brain_loop.mp4" type="video/mp4">
      <source src="videos/brain_loop.ogg" type="video/ogg">
    </video>
  </li>
</ul>

<script>
  videojs("videos/brain_loop.mp4").on("ended", function() {
    window.location = "http://www.example.com/home.html";
  });
</script>

Answer 1

尝试将其更改为您的实际视频ID。例如，如果您的<video>的ID为video-background，则以下代码将起作用。

videojs("video-background").on("ended", function() {
  window.location = "http://www.example.com/home.html";
});

这将确保videojs知道您所指的是哪个视频。