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

Posted

技术标签:

【中文标题】视频播放结束 10 秒后如何重定向到另一个页面?【英文标题】:How can I redirect to another page after 10 seconds when video playing is over? 【发布时间】:2021-10-16 16:06:14 【问题描述】:

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

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

【问题讨论】:

【参考方案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 秒后如何重定向到另一个页面?的主要内容,如果未能解决你的问题,请参考以下文章

如何通过单击按钮禁用 JQuery 功能,但默认保持打开状态?

如何在html5中自动播放视频

带有“ 307临时重定向”的Android VideoView播放URL

为啥我的代码不会从一个 html 页面重定向到另一个页面?

使用 html5 视频播放器播放视频后重定向页面

播放后重定向html5视频