0

我已将 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>';
4

2 回答 2

1

设置video标签Attribute preload="auto"

preload 属性 指定作者认为在页面加载时是否以及如何加载视频。的默认值preload是none你可以将它设置为metadata或auto

于 2017-02-05T11:57:06.467 回答
0

请参阅这篇歌剧开发文章：

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

您可以将 play() 函数绑定到您的 js 中，以便在幻灯片加载时开始播放视频。

于 2010-12-03T23:16:46.353 回答