Определите Flowplayer на странице и добавьте прослушиватель событий - PullRequest
1 голос
/ 21 июня 2010

Я использую библиотеку html5media , которая автоматически заменяет видео-тег HTML5 на странице проигрывателем Flowplayer Flash для браузеров, которые не поддерживают тег видео.Это происходит в IE и в некоторых старых браузерах.

Мне нужно определить, существует ли Flowplayer на странице, и добавить прослушиватель событий для каждого экземпляра, который запускает функцию JavaScript, когда пользователь начинает воспроизведение видео.Это возможно через jQuery?API-интерфейс объекта Flowplayer описан здесь ;некоторые примеры:

/* Set common clip properties and event listeners
 * in run-time
 */

// register event listener with common clip
$f("player").onStart(function() {
  alert("Playing");
});

// this does the same thing
$f("player").getCommonClip().onStart(function() {
  alert("Playing");
});

// if you want to register a listener to a specific clip *only*
$f("player").getClip(1).onStart(function() {
  alert("Playing");
});

Как прикрепить прослушиватель событий для события onStart к каждому экземпляру Flowplayer, если он существует на странице?Благодаря.

1 Ответ

0 голосов
/ 24 июня 2010

Это должно быть возможно путем установки ваших обработчиков в обратном вызове configureFlowplayer, описанном здесь: http://wiki.github.com/etianen/html5media/custom-flash-players

В конечном итоге это должно выглядеть примерно так, где параметр config - это то, что они используют длянастройте flowplayer.Я не проверял этот код, но это должно дать вам представление о том, что вам нужно сделать:

<script>
html5media.configureFlowplayer = function(tag, element, config) {
    config.onStart = function(){alert("playing");}
}
</script>
...