javascript - Flowplayer 具有不自动播放的播放列表

Question

有人有一个例子吗，或者可以说一下 Flowplayer 是否可以拥有具有以下功能的播放列表:

• 点击缩略图时不会自动播放
• 独立的启动画面

autoPlay: false"似乎对此不起作用。

Answer 1

在 Flowplayer api 中似乎没有一种简单的方法可以做到这一点。我认为最好的方法是处理缩略图上的点击事件，更改启动图像并卸载播放器。

示例

var api = flowplayer();

$('.thumbnails').click(function (e) {
    e.preventDefault();

    // Store the splash image url in a data attribute.
    var splashUrl = $(this).data('splash');

   //Replace the splash image.
   $('#player').css('background-image', 'url(' + splashUrl + ')');

   //Unload the player.
   api.unload();
});

当用户单击播放器时，使用api.load()加载新视频