flowplayer playlist - установить заставку первого кадра первого видео в плейлисте - PullRequest
Новая
       45

flowplayer playlist - установить заставку первого кадра первого видео в плейлисте

1 голос
/ 11 июля 2011

Я использую flowplayer для воспроизведения видео на своем сайте, и я настроил плейлист из 4 видео, например: Flowplayer Playlist

Но то, что я увидел, это то, что на видео изображена кнопка «Воспроизвести», после нажатия на которую я могу воспроизвести видео.

Вместо этого я бы хотел, чтобы в качестве заставки на видео был первый кадр первого видео.

Я пробовал с этими настройками, но они не работали: 

$(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>

1 Ответ

1 голос
/ 21 июля 2011

Вы видели этот учебник плейлистов? В нем объясняется, как можно создать список воспроизведения со статическими изображениями для использования в качестве заставки для запуска видео (т.е. вы можете создать свой собственный значок кнопки воспроизведения в верхней части первого кадра видео).

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

Кроме того, на заставках есть учебное пособие, в котором объясняется, как можно изначально отобразить статическое изображение, которое при нажатии на него активирует видео Flowplayer.

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

Что касается использования первого кадра вашего видео для статического изображения, оно говорит:

Если у вас много видео, вы можете использовать FFMPEG для захвата изображений с вашего видео-файл без хлопот сделать всю эту работу вручную.

В нем также есть ссылки на учебник «Несколько игроков на одной странице», если вы хотите использовать альтернативу использованию одного видеопроигрывателя для отображения списка видео.

...