【问题标题】:How can I redirect to another page after 10 seconds when video playing is over?视频播放结束 10 秒后如何重定向到另一个页面?
【发布时间】: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>

【问题讨论】:

    标签: javascript html jquery redirect html5-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>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-07-09
      • 1970-01-01
      • 1970-01-01
      • 2019-11-21
      • 1970-01-01
      • 2012-12-10
      相关资源
      最近更新 更多