Я пытаюсь реагировать на событие HTML 5 onended для тега video без успеха. В приведенном ниже фрагменте кода я добавил событие mouseleave, чтобы убедиться, что код jQuery верен, и это событие активирует поле alert().
Видео воспроизводится отлично, но я не получаю событие onended (мой alert() не срабатывает).
Тестирование в Chrome, обновленное сегодня до версии 5.0.375.55.
<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){
$("#myVideoTag").bind('mouseleave onended', function(){
alert("All done, function!");
});
});
</script>
</head>
<body>
<video id="myVideoTag" width="640" height="360" poster="Fractal-zoom-1-04-Snowflake.jpg" controls>
<source src="Fractal-zoom-1-04-Snowflake.mp4" type="video/mp4"></source>
<source src="Fractal-zoom-1-04-Snowflake.ogg" type="video/ogg"></source>
</video>
<body>
<html>
Убедитесь, что вы привязываетесь к событию ended вместо onended, всегда оставляйте on при привязке к jQuery, например, вы не могли бы сделать .on("onclick"), вы бы сделали .on("click").
Если это помогает, здесь есть полный список доступных событий для элемента <video>: http://www.w3.org/2010/05/video/mediaevents.html
Я тоже искал ответ. Вот что для меня работало для мобильной платформы jQuery:
$(document).ready(function(){
$("#idname").bind('ended', function(){
$.mobile.changePage($('#idofpageyouwantogoto'), 'fade');
});
});