Проверьте, полностью ли воспроизводится видео HTML5

0

Я хочу проверить, что-то сделано, и что я хочу переделать на следующую страницу.

Код, который у меня есть сейчас:

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

Должен ли я использовать задержку для перенаправления или это можно сделать так? Отвод

  • 4
    Вы имеете в виду, что видео было полностью воспроизведено?
Теги:
events

4 ответа

0
Лучший ответ

Если вы хотите перенаправить страницу после завершения видео, выполните следующие действия:

$("video").bind("ended", function() {
   //do something
});
  • 0
    Спасибо! Это сработало!
0

чистый 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

0

Попробуйте использовать 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."');
}
0

Вы можете выбрать свое видео и применить простой прослушиватель событий/обратного вызова 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), если вам нужно добавить дополнительные функции.

Приветствия.

  • 0
    Он просил код, чтобы проверить, когда видео воспроизводилось полностью, а не код перенаправления.
  • 0
    Да, полностью прочитал это неправильно. Виноват :)
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню