Question

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

我需要检测页面上是否存在Flowplayer，并为每个在用户开始播放视频时触发JavaScript函数的实例添加事件侦听器。这是通过jQuery实现的吗？ Flowplayer的Player对象的API描述为here;一些例子：

/* 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的每个实例（如果它存在于页面上）？感谢。

Answer 1

应该可以通过在此处描述的configureFlowplayer回调中设置处理程序来实现：http://wiki.github.com/etianen/html5media/custom-flash-players

它应该最终看起来像这样config param是他们用来配置flowplayer的东西。我没有测试过这段代码，但是这应该让你知道你需要做什么：

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

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

1 个答案: