HTML5 видео автозапуск в выпуске слайдера - PullRequest
0 голосов
/ 03 декабря 2010

Я интегрировал проигрыватель JW HTML5 в свой слайдер jQuery Cycle. Проблема заключается в том, что я устанавливаю автоматическое воспроизведение видео, которое воспроизводится при загрузке страницы, а не при появлении этого слайда, что и происходит с видео Flash. Есть ли способ запретить воспроизведение видео HTML5, пока не будет показан их слайд?

Это код, который я использую:

 <video id="video-'.$video_name.'" width="'.$width.'" height="'.$height.'" poster="'.get_bloginfo('template_directory') .'/lib/scripts/timthumb.php?src='.$image.'&h='.$height.'&w='.$width.'&zc=1" controls="controls">
    <source src="'.$html5_1.'" type="video/mp4" />
    <source src="'.$html5_1.'" type="video/webm" />
    <source src="'.$html5_2.'" type="video/ogg" />
</video>

<script>
    jwplayer("video-'.$video_name.'").setup({
        file: "'.$url.'",   
        image: "'.get_bloginfo('template_directory') .'/lib/scripts/timthumb.php?src='.$image.'&h='.$height.'&w='.$width.'&zc=1",
        icons: "'.$icons.'",
        autostart: "'.$autostart.'",
        stretching: "'.$stretching.'",
        controlbar: "'.$controlbar.'",
        skin: "'.$skin.'",
        screencolor: "white",
        height: '.$height.',
        width: '.$width.',
        players: [';                    
        if($fallback == "flash") {
            $out .= '{type: "html5"}, {type: "flash", src: "'.get_bloginfo("template_directory").'/lib/scripts/mediaplayer/player.swf"}';
        } elseif($fallback == "html5") {
            $out .= '{type: "flash", src: "'.get_bloginfo("template_directory").'/lib/scripts/mediaplayer/player.swf"}, { type: "html5" },';
        }
        $out .= ']
    });
</script>';

Ответы [ 2 ]

0 голосов
/ 05 февраля 2017

set video tag Attribute preload="auto"

preload attribute Указывает, думает ли автор и каким образом автор должен загружать видео при загрузке страницы.значение по умолчанию preload равно none. Вы можете установить значение metadata или auto

.
0 голосов
/ 04 декабря 2010

См. Статью об опере:

http://dev.opera.com/articles/view/introduction-html5-video/

Вы можете привязать функцию play () к вашему js, чтобы запустить видео при загрузке слайда.

...