Lecture de vidéos YouTube intégré consécutivement sur une page

Question

J'intégrer des vidéos YouTube sur ma page web avec quelque chose comme ça

<object width="425" height="344"> 
    <param name="movie" value="http://www.youtube.com/v/RU-bMtPz1cY"></param> 
    <param name="allowFullScreen" value="false"></param> 
    <param name="allowscriptaccess" value="always"></param> 
    <embed src="http://www.youtube.com/v/RU-bMtPz1cY" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed> 
</object> 

Si j'ai dit 3 vidéos YouTube sur la même page Web, je me demandais s'il était possible (peut-être avec l'API de YouTube?) pour lire chaque vidéo de manière consécutive? Autrement dit, la première vidéo commence à lire automatiquement. Lorsque cette vidéo se termine, la deuxième vidéo sur la page Web jouera, puis le troisième? Merci pour votre temps.

Référence: http://code.google.com/apis/youtube/js_api_reference.html

Answer 1

Voir http://code.google.com/apis/youtube/js_api_reference.html#Events

Vous voulez écouter l'événement onStateChange. Notez que lorsque la valeur transmise est 0, la vidéo est terminée. Écoutez cet événement/valeur pour commencer la vidéo suivante.

Juste un aperçu de base de ce que vous voulez sans doute faire:

1. ajouter auditeur final pour la vidéo
2. jeu vidéo
3. lorsque l'événement final tiré (et pris), aller à la vidéo suivante et répéter à l'étape 1.

Answer 2

Vous allez vouloir créer une liste de lecture contenant les vidéos que vous voulez jouer et puis incorporer cela dans votre site. Des instructions directes peuvent être trouvées here.

Answer 3

Vous pouvez utiliser un plugin jQuery - le jQuery YouTube TubePlayer Plugin

à condition que vous avez le balisage droit, (dans cet exemple - une une classe « active » sur les thats vidéo en cours de lecture), vous pouvez essentiellement définir quelque chose comme ..

jQuery("#player-container").tubeplayer({ 
    onPlayerEnded:function(){ 
     var $vid = jQuery(".active").next(); 
     if($vid.length){ 
      jQuery('#player-container').tubeplayer('play',vid.attr("vid"); 
      $vid.siblings().andSelf().removeClass("active"); 
      $vid.addClass("active"); 
     } 
    } 
});