72 votes

Comment intégrer une chaîne YouTube dans une page web

Quelqu'un peut-il me suggérer comment intégrer une chaîne youtube dans une page Web ? Je reçois des informations contradictoires de différents sites, l'idéal étant d'utiliser le lecteur personnalisé si possible ? merci.

1 votes

Utilisez l'API officielle de Google ici : développeurs.google.fr/youtube/youtube_player_demo

0 votes

Veuillez changer la solution pour celle de @Matthew Lock

99voto

Matthew Lock Points 3945

YouTube prend en charge un système assez facile à utiliser interface iframe et url pour intégrer des vidéos, des listes de lecture et tous les téléchargements de l'utilisateur à votre site web. canal : https://developers.google.com/youtube/player_parameters

Par exemple, ce HTML va intégrer un lecteur chargé d'une liste de lecture de toutes les vidéos téléchargées sur votre chaîne. Remplacez YOURCHANNELNAME par le nom réel de votre chaîne :

<iframe src="https://www.youtube.com/embed/?listType=user_uploads&list=YOURCHANNELNAME" width="480" height="400"></iframe>

15 votes

+1 pour être revenu sur une vieille question et avoir donné une excellente réponse.

1 votes

Au moins, celui-ci produit un résultat. Pour une raison quelconque, les exemples de javascript listés sur cette page et ailleurs ne produisent rien sur ma page.

0 votes

Cela fonctionne, mais ne donne que 100 vidéos. Comment faire pour que la chaîne entière soit affichée ?

20voto

Frankline Points 8947

Pour intégrer votre chaîne, il suffit de copier et de coller le code suivant dans une autre page web.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=YourChannelName&synd=open&w=320&h=390&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

Veillez à remplacer le Votre nom de canal avec votre nom de chaîne actuel.

Par exemple : si le nom de votre chaîne était CaliChick94066 le code d'intégration de votre chaîne serait :

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=CaliChick94066&synd=open&w=320&h=390&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

Veuillez consulter les liens suivants :

YouTube sur votre site

Intégrer une chaîne YouTube

Il vous suffit de nommer l'URL au nom de votre chaîne. Vous pouvez également jouer avec la hauteur, la couleur et la taille de la bordure. J'espère que cela vous aidera.

0 votes

Merci pour cela - J'aurais probablement dû préciser que j'essaie de l'afficher sans la barre Google Gadgets en bas - je suppose que je vais devoir utiliser l'API pour créer un lecteur plus personnalisé.

2 votes

Cette approche est maintenant brisée. Donne GET google.com/uds/solutions/videoshow/videoshow.css 404 (non trouvé) ifr:411 GET youtube.com/ 404 (non trouvé)

7voto

Rick Kraft Points 53

Sauf que YTchannelembed n'intègre pas réellement la chaîne, mais seulement les vignettes liées, qui mènent toutes hors site. En revanche, la solution Youmax pour jQuery intègre réellement la chaîne : http://www.codehandling.com/2013/03/youmax-20-complete-youtube-channel-on.html

7voto

joao_pimentel Points 556

Voici le code dont vous avez besoin. Il a très bien fonctionné pour moi

http://www.joaopimentel.pt/Home/works/embed-your-youtube-channel-on-your-google-site

bonne chance

-5voto

Zabs Points 1713

Je l'ai fait rapidement pour tous ceux qui viennent sur cette page :

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

Voir le jsFiddle.

1 votes

La question porte sur l'intégration de la chaîne, et non d'une seule vidéo.

0 votes

Qui n'est pas pertinent pour cette question.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X