2010-12-03 5 views
0

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>'; 

Répondre

0

Voir cet article opera dev:

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

Vous pouvez lier la fonction play() dans votre js pour lancer la vidéo quand cette diapositive se charge.

+0

Thannks Grillz. Le problème est que je ne suis pas sûr de savoir comment lier cette fonction au curseur. – GhostPool

+0

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() –

0

ensemble video balise attribut pré-charge Attributepreload="auto"

Indique si et comment l'auteur pense que la vidéo doit être chargé lorsque la page se charge. la valeur par défaut de preload est none vous pouvez le définir sur metadata ou auto