如何在视频播放结束后 10 秒后重定向到另一个页面？

Question

我正在尝试制作一个 html 页面，该页面可以在视频播放结束后 10 点后重定向。我尝试了下面的代码，但它在我加载页面时立即重定向。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js">
</script>
<script type="text/javascript">
  $(document).ready(function(){   
   $("#myVideo").bind('ended',  setTimeout(function(){location.href="http://www.localhost.com";}, 3000)); 
  });
</script>
<video src="http://www.w3schools.com/html/movie.mp4" id="myVideo" controls>
  video not supported
</video>

Answer 1

尝试这样的事情：

$(document).ready(function() {
  $("#myVideo").bind('ended', function() {
      setTimeout(function() {
        location.href = "http://www.localhost.com";
      }, 3000)
  });
});

演示

$(document).ready(function() {
  $("#myVideo").bind('ended', function() {
      setTimeout(function() {
        location.href = "http://www.localhost.com";
      }, 3000)
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<video src="http://www.w3schools.com/html/movie.mp4" id="myVideo" controls>
  video not supported
</video>

如何在视频播放结束后 10 秒后重定向到另一个页面？

How can I redirect to another page after 10 seconds when video playing is over?

html

javascript

jquery

redirect

html5-video