Question

我想检查某些事情是否完成，并且我想要重新检索到下一页。

我现在的代码是：

<video id='full_screen' autoplay>
    <source src='videos/vid1.mp4' type='video/mp4'>
</video>


<script src='http://localhost/shared/jquery-1.10.2.min.js'></script>
<script>
    $('video').done(function() {
        window.location.replace('index.php?part=2&name=".$name."');
    });
</script>

我应该使用延迟来重新校正还是可以这样做？恳求

Answer 1

您可以选择视频并应用简单的jquery事件监听器/回调，如下所示：

// Select video player.
var $video = $("#video");
// Bind events.
$video.on("ended", function(){
    window.location.href = "http://www.google.com";
});

如果您需要添加更多功能，可以在此处查看可以绑定到的其他事件（http://www.w3schools.com/tags/ref_av_dom.asp）。

干杯。

Answer 2

尝试使用onended事件：

<video id='full_screen' autoplay onended="videoEnded()">
    <source src='videos/vid1.mp4' type='video/mp4'>
</video>

然后是js：

function videoEnded() {
    window.location.replace('index.php?part=2&name=".$name."');
}

Answer 3

如果您想在视频完成后重定向该页面，请执行以下操作：

$("video").bind("ended", function() {
   //do something
});

Answer 4

纯javascript我认为可以解决这个问题吗？

<script type="text/javascript">
    var video = document.getElementById('full_screen');

        video.onended = function(e) {
        //redirect here
        window.location = "http://somewhere.com";
     }
</script>

参考：http://www.w3.org/TR/html5/embedded-content-0.html#event-media-ended

检查HTML5视频是否完全播放

4 个答案: