J'ai intégré le lecteur JW HTML5 dans mon curseur jQuery Cycle. Le problème est que si je mets la vidéo en lecture automatique, elle joue quand la page se charge et non quand cette diapositive apparaît - ce qui se passe avec les vidéos flash. Existe-t-il un moyen d'empêcher la lecture des vidéos HTML5 jusqu'à ce que leur diapositive s'affiche?Lecture vidéo HTML5 dans Slider Problème
Ce code J'utilise:
<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>';
Thannks Grillz. Le problème est que je ne suis pas sûr de savoir comment lier cette fonction au curseur. – GhostPool
J'aurais besoin de voir votre js, mais je lierais la logique dans les boutons suivants/prev avec quelque chose comme: si diaporama div ID == video div id puis play() –