Я хочу проверить, что-то сделано, и что я хочу переделать на следующую страницу.
Код, который у меня есть сейчас:
<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>
Должен ли я использовать задержку для перенаправления или это можно сделать так? Отвод
Если вы хотите перенаправить страницу после завершения видео, выполните следующие действия:
$("video").bind("ended", function() {
//do something
});
чистый 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
Попробуйте использовать onended
event:
<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."');
}
Вы можете выбрать свое видео и применить простой прослушиватель событий/обратного вызова 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), если вам нужно добавить дополнительные функции.
Приветствия.