Видео HTML 5 Событие OnEnded, Не Стреляя

Я пытаюсь реагировать на 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>
6
задан Eric J. 24 July 2012 в 03:31
поделиться

1 ответ

Убедитесь, что вы привязываетесь к событию ended вместо onended, всегда оставляйте on при привязке с помощью jQuery, например, вы не можете сделать .on("onclick"), вы сделаете .on("click").

Если это поможет, полный список доступных событий для элемента можно найти здесь: http://www.w3.org/2010/05/video/mediaevents.html

17
ответ дан 8 December 2019 в 12:18
поделиться
Другие вопросы по тегам:

Похожие вопросы: