Ajouter des vidéos de Youtube

obtenir ces boutons


Ajouter des vidéos de YouTube dans un blog

Cliquez sur ce lien.

Le code qui a été utilisé pour créer ce lien est le suivant :
<a href="http://www.youtube.com/v/ACkmg3Y64_s&autoplay=1" target="_blank">Cliquez sur ce lien.</a>

En cliquant sur le lien, on affiche une vidéo en plein écran et qui démarre automatiquement grâce au code &autoplay=1 placé à la fin.

Il suffit de modifier le code ACkmg3Y64_s pour changer de vidéo.

C'est la formule la plus performante pour ajouter une vidéo de youtube sur un blog car cela évite le temps de chargement de lecteurs de vidéos sur la page. A la place du texte, on peut mettre une image.

Le code ci-dessus permet de faire démarrer la vidéo depuis le début. Pour la faire démarrer après 137 secondes, ajouter à la fin du code, &start=137

Autres exemples :
cliquer sur ce lien
cliquer sur ce lien
cliquer sur ce lien
cliquer sur ce lien
cliquer sur ce lien

* * * * *
Pour ajouter des vidéos de YouTube dans un blog, il faut :

- aller sur le site de YouTube ;

- choisir la vidéo ;

- en-dessous de la vidéo, cliquer sur : "Embed" ;

- copier en-dessous le code de la vidéo concernée, par exemple :
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/oUbuWRSNKuo&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oUbuWRSNKuo&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

- coller ce code dans la version HTML d'un message ou d'un gadget ;

- modifier éventuellement les dimensions de la fenêtre (en gardant les mêmes proportions) à la fin du code : width(largeur)="480" height(hauteur)="385" ;

- enregistrer.

La première image (à cliquer) de la vidéo apparaîtra sur le blog.

* * * * *
Pour faire démarrer automatiquement la vidéo, ajouter "autoplay=1" à la fin de l'adresse de cette vidéo.

Pour empêcher le démarrage automatique d'autres vidéos à la suite de la vidéo choisie, ajouter "rel=0" à la fin de l'adresse de cette vidéo.

Exemple (les deux codes ou un seul peuvent être ajoutés) :
src="http://www.youtube.com/v/r6haqZoivBQ&hl=en_US&fs=1&rel=0&autoplay=1"

7 commentaires:

Moineau En France a dit…

vous pouvez modifier la taille aussi après avoir collé le code, simple multiplication et division du ratio. merci à tous qui m'ont répondu. ~laura xooxoxox

kila a dit…

merci du tuto sa aide bien bon courage a vous et merci encore.

BettyCC a dit…

merci merci merci pour votre aide...
BettyCC

سيف الاسلام a dit…

bonsoir merci je galère depuis 4 jour avec votre tuto enfin je installer une video youyube///
je besoin svp que vous ,expliquer comment ajoute plusieurs video et les faire défiler enboucle et que sa démarre en même temps que ouverture de ma page
merci de me répondre rapidement si possible

Meiser a dit…

1) Plusieurs vidéos : il suffit comme ci-dessus d'ajouter les codes les uns en dessous des autres.

2) Pour faire démarrer automatiquement la vidéo, ajouter "autoplay=1" à la fin de l'adresse de cette vidéo.

Pour empêcher le démarrage automatique d'autres vidéos à la suite de la vidéo choisie, ajouter "rel=0" à la fin de l'adresse de cette vidéo.

Exemple (les deux codes ou un seul peuvent être ajoutés) :
src="http://www.youtube.com/v/r6haqZoivBQ&hl=en_US&fs=1&rel=0&autoplay=1"

3) Attention toutefois à la durée de chargement de la page si les vidéos démarrent automatiquement.
L'affichage risque d'être très lent.


Anonyme a dit…

Bonjour,

j'ai inséré mes vidéos sur "photos google+" mais je n'arrive pas à trouver le code html que j'insérerai dans le blog.
Où puis-je le trouver ?
Merci

Babeth F-M a dit…

Merci à vous, j'ai enfin pu comprendre comment mettre une vidéo de Youtube, ou Dailymotion dans un message de Blogger, car pour moi, l'icône "ajouter une vidéo depuis Youtube" ne fonctionnait pas.
Votre tutoriel sur "Blogger" est vraiment très bien : encore merci.