Insertion de plusieurs video youtube

MICHEL -  
dugenou Messages postés 6087 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

Salut à tous, votre aide m'est vraiment précieux pour réaliser mon projet.

Pour insérer une vidéo YouTube on utilise la balise iframe comme ceci, 

<iframe id="player" type="text/html" width="640" height="390"
  src="http://www.youtube.com/embed/M7lc1UVf-VE"
  frameborder="0"></iframe>


Maintenant je voudrais insérer plusieurs vidéos en utilisant une boucle (en js ou php) pour parcourir un tableau qui contient les liens.

merci d'avance pour votre aide.

2 réponses

Réponse 1 / 2
Exileur Messages postés 1475 Date d'inscription   Statut Membre Dernière intervention   150
 
Salut

<?php 

$tab[0] =  "http://youtube.com/?=azerty";
$tab[1]  = "http://youtube.com/?=qwerty";
$tab[2] =  "http://youtube.com/?=swerty";

for ($i=0; $i<$tab.length; $i++) 
{
      $lien = $tab[$i];
      echo '<iframe id="player" type="text/html" width="640" height="390"
  src="$lien"  frameborder="0"></iframe>';
}


Regarde de ce coté la.
Cdlt
0
Réponse 2 / 2
dugenou Messages postés 6087 Date d'inscription   Statut Contributeur Dernière intervention   1 452
 
Bonjour,

Exileur répond parfaitement à ta question, mais je donne une autre solution, beaucoup plus simple, qui a le double avantage d'être utilisable par ceux qui ne peuvent pas utiliser de PHP, comme sur les plates-formes ou l'espace page perso de certains FAI, et d'être très facilement mise à jour pour l'ajout ou le retrait de vidéos.

Il s'agit de partager une PlayList Youtube : 

<object type="text/html" data="http://www.youtube.com/embed/Lv-n6wmBV68?list=PLXm41LwPj6FD68NHiFoh3RrIYJ_vUfwrL" style="width:640px; height:390px;"></object>


On obtient un résultat assez similaire à la solution en PHP.

J'utilise <object> que je préfère, mais ça fonctionne aussi avec <iframe>.
0
dugenou Messages postés 6087 Date d'inscription   Statut Contributeur Dernière intervention   1 452
 
Une petite précision, pour un démarrage automatique, sans les titres et sans les commandes : 

<object type="text/html" data="http://www.youtube.com/embed/Lv-n6wmBV68?list=PLXm41LwPj6FD68NHiFoh3RrIYJ_vUfwrL&autoplay=1&controls=0&showinfo=0" style="width:640px; height:390px;"></object>
0