检测页面上的Flowplayer并添加事件监听器

Question

我正在使用 html5media 库，它会自动用 Flowplayer Flash 替换页面上的 HTML5 视频标签适用于不支持 video 标签的浏览器的播放器。这种情况发生在 IE 和一些较旧的浏览器上。

我需要检测页面上是否存在 Flowplayer，并向每个实例添加一个事件侦听器，以便在用户开始播放视频时触发 JavaScript 函数。这可以通过 jQuery 实现吗？ Flowplayer 的 Player 对象的 API 在此处进行了描述；一些示例：

/* 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");
});

如果页面上存在 Flowplayer 的每个实例，如何将 onStart 事件的事件侦听器附加到该实例？

Answer 1

通过在此处描述的 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>