檢查HTML5視頻是否完全播放

我想檢查是否已完成並且要重新導入到下一頁。檢查HTML5視頻是否完全播放

我現在的代碼是：

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

我應該使用一個延遲redirrect或能不能做到這樣？普萊斯

來源

2014-01-22 Thomas

你的意思是視頻做完全發揮？ –

如果你想要的視頻完成後的重定向頁面，所以這一點：

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

來源

2014-01-22 08:32:01 Pesulap

謝謝！它的工作！ – Thomas

您可以選擇視頻和應用簡單的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）在事件中，你需要添加更多功能。

乾杯。

來源

2014-01-22 08:28:39 Croot

他在要求代碼檢查視頻完全播放時，而不是重定向代碼。 – zurfyx

是的，完全讀錯了。我的錯誤:) – Croot

請不要使用w3school資源... :( –

嘗試使用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."'); 
}

來源

2014-01-22 08:30:03 Felix

純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

來源

2014-01-22 08:33:24

檢查HTML5視頻是否完全播放

回答

相關問題