javascript - flowplayer cuepoints 麻烦

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>