Question

您好抱歉我的英语很糟糕。我正在使用流媒体中的javascript手动创建一个类似cuepoints的泡泡。在mousehover上它会显示一些信息。虽然页面加载本身我想加载所有提示点（气泡）。我有几秒钟的持续时间。如何将气泡放置在适当的位置（时间）。我使用的是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>

flowplayer提示麻烦

1 个答案: