flowplayer 播放列表 - 设置播放列表中第一个视频的第一帧的启动图像

Question

我正在使用 flowplayer 在我的网站上播放视频，并且我配置了一个包含 4 个视频的播放列表，类似于： Flowplayer 播放列表

但我看到的是，视频在视频上描绘了一个播放按钮，单击该按钮后，我可以播放视频。

相反，我希望将第一个视频的第一帧作为视频上的启动屏幕。

我尝试使用这些设置，但它们不起作用：

$(function() {

    // setup player without "internal" playlists
    $f("player2", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
        clip: {baseUrl: '', autoPlay: false, autoBuffering: true, start: 62} 


    // use playlist plugin. again loop is true
    }).playlist("div.petrol", {loop:false});

});

并且视频播放列表配置为：

<div class="clips petrol" style="float:left">

    <!-- single playlist entry -->
    <a href="a.flv" class="first">
        Palm trees and the Sun
        <span>HTTP streaming</span>
        <em>0:20 min</em>

    </a>

    <a href="b.flv">
        Happy feet inside a car
        <span>HTTP streaming</span>
        <em>0:20 min</em>   
    </a>

............


</div>

Answer 1

您看过这个播放列表教程吗？它解释了如何制作包含静态图像的播放列表，用作启动视频的启动屏幕（即，您可以在视频第一帧的顶部创建自己的播放按钮图标）。

http://flowplayer.org/demos/configuration/playlist.html

另外，还有关于初始屏幕的教程，解释了如何最初显示静态图像，当您单击该图像时，它将激活 Flowplayer 视频。

http://static.flowplayer.org/demos/installation/splash-image.html

关于使用视频的第一帧作为静态图像，它说；

如果您有大量视频，您可以使用 FFMPEG 从您的视频中抓取图像
视频文件，无需麻烦地完成所有工作
手动。

如果您想要使用单个视频播放器来显示视频列表的替代方案，它还包含指向“同一页面上的多个播放器”教程的链接。