javascript - flowplayer キューポイントのトラブル

Question

こんにちは、下手な英語で申し訳ありません。flowplayer で javascript を使用して手動でキューポイントのようなバブルを作成しています。マウスオーバーすると、いくつかの情報が表示されます。ページの読み込み中に、すべてのキューポイント(バブル)を読み込みたいです。私は秒単位で持続しています。バブルを適切な位置 (時間) に配置するにはどうすればよいですか。私は flowplayer-3.2.16.swf と flowplayer-3.2.12.min.js を使用しています。親切に私を助けてください。

Answer 1

次のように、ビデオを保持する div にデータ キューポイントを追加することで、キューポイントをビデオに追加できます。

<div class="flowplayer" data-cuepoints="[6, 7, 8, 9]">
    <video preload="none">
        <source src="whatever.webm" type="video/webm" />
        <source src="whatever.mp4" type="video/mp4" />
        <source src="whatever.ogg" type="video/ogg" />
    </video>
</div>

または、次のように JavaScript を介してキューポイントを追加することもできます。

<script type="text/javascript">
    flowplayer.conf.embed = false;
    flowplayer.conf.fullscreen = true;

    flowplayer(function (api) {
        api.cuepoints = [6, 7, 8, 9];

        api.bind("cuepoint", function (e, api, cuepoint) {
            //Execute cuepoint javascript
        });
    });
</script>