Flowplayer Javascript事件

Question

当视频开始播放时，我正试图做些什么。我在文档中找到了onStart，但是无论我看什么地方，播放器的初始化方式都与设置不同。

这是我的密码：

$("#my-player").flowplayer({
    adaptiveRatio: true
});

这就是我一直发现的：

flowplayer("player", "flowplayer-3.2.18.swf", {
    clip: {
        onStart: function(clip) {
            // some code
        }
    }
});

我试过：

$("#my-player").flowplayer({
    adaptiveRatio: true,
    onStart: function() { alert('movie has started'); }
});

或

$("#my-player").flowplayer({
    adaptiveRatio: true
}).onStart(function() { alert('movie has started'); });

或

$("#my-player").flowplayer({
    adaptiveRatio: true,
    clip: {
        onStart: function() { alert('movie has started'); }
    }
});

一点运气都没有。在我的第一次尝试中，onStart没有触发，在剩下的部分，我得到了一个Javascript“意外”错误。

如何在代码示例中添加onStart？(这是初始化Flowplayer的一种有效方法，因为我在他们的文档中找到了它，标记为“手动设置”--而不是不设置任何东西，而只是在html标记中提供"flowplayer“类)。我搜索了一个小时，找不到合适的示例，无法将onStart添加到Flowplayer中。

另外，像这样的flowplayer("player", "flowplayer-3.2.18.swf", {});初始化是否意味着它会自动使用闪存，而不管是否支持html5，也不使用html5？

Answer 1

(我假设您使用的是FlowPlayer 5。)

要将JavaScript函数绑定到FlowPlayer事件，您需要获得给定播放器的API，如下所述：https://flowplayer.org/docs/api.html

除其他外，该页面包含所有可用事件的列表。值得注意的是，没有“开始”事件，但我发现"load“可以很好地完成任务。在我到目前为止尝试过的设置中，"finish“和"unload”似乎都是这样做的(我只使用启动屏幕配置)。

这方面的例子可能如下所示：

<script type="text/javascript">
    // bind your player to a var
    var player = $('#something');

    // initialize the player
    player.flowplayer();

    // bind the api to a var - you can do this only after you have initialized it
    var api = player.data('flowplayer');

    // now we can bind events to the player via the api
    api.bind('load', function(){
        // do something when the video starts
    })
</script>

Answer 2

我正在使用flowplayer 7，Javascript实现：

<div id="video"></div>
<script>
    var container = document.getElementById("video");
    flowplayer(container, {
        clip: {
            sources: [
                {
                    type: "video/mp4",
                    src: "https://s3.amazonaws.co.....mp4"
                }
            ]
        }
    }).on("resume", function (e, api) {
        console.log("play");
    }).on("pause", function (e, api) {
        console.log("pause");
    });
</script>

因此，要在视频开始播放时添加一个操作，您必须绑定“简历”方法。