Sujet :

[Tuto] Mettre une vidéo Youtube en ligne

enliin
   Posté le 12-12-2012 ŕ 16:16:49   

Bonjour à tous,


Je fais un petit tuto sur cette fonction, parce que soyons clair : c'est le bordel.


Alors tout d'abord, sur youtube, en dessous de votre vidéo, cliquez sur "Partager" puis sur "Intégrer".
Cela vous donne un code qui ressemble à ça :

<iframe width="640" height="360" src="http://www.youtube.com/embed/_NLCKLByjqA?rel=0" frameborder="0" allowfullscreen></iframe>

(exemple réalisé avec mon LP épisode 10)


Pour intégrer cette vidéo sur le forum, le code doit ressembler à ça :

[*flash width=640 height=360]http://www.youtube.com/v/_NLCKLByjqA?rel=0[/flash]
(sans l'étoile * entre [ et flash, j'suis obligé de l'ajouter pour que le code soit visible)


Alors allons-y par étape :

1 - cliquez sur le logo pour afficher les balises flash

[flash][/flash]

2 - entre les 2 balises [flash] et [/flash] collez le code fourni par Youtube, on va le nettoyer ensuite

[flash]<iframe width="640" height="360" src="http://www.youtube.com/embed/_NLCKLByjqA?rel=0" frameborder="0" allowfullscreen></iframe>[/flash]

3 - on supprime le premier <iframe

[flash]width="640" height="360" src="http://www.youtube.com/embed/_NLCKLByjqA?rel=0" frameborder="0" allowfullscreen></iframe>[/flash]


4 - dans la première balise [flash] on déplace les dimensions de la vidéo pour obtenir [flash width=640 height=360] et sans oublier de supprimer les " autour de 640 et 360

[flash width=640 height=360]src="http://www.youtube.com/embed/_NLCKLByjqA?rel=0" frameborder="0" allowfullscreen></iframe>[/flash]

5 - ensuite on supprime le src=" et faites attention à ce que la balise [flash width=640 height=360] soit bien collée au http , sans espace ni "

[*flash width=640 height=360]http://www.youtube.com/embed/_NLCKLByjqA?rel=0" frameborder="0" allowfullscreen></iframe>[/flash]
(sans l'étoile * entre [ et flash )

6 - pour l'adresse de la vidéo http://www.youtube.com/embed/_NLCKLByjqA?rel=0 on enlève le embed et on le remplace par un v ce qui nous donne : http://www.youtube.com/v/_NLCKLByjqA?rel=0

[*flash width=640 height=360]http://www.youtube.com/v/_NLCKLByjqA?rel=0" frameborder="0" allowfullscreen></iframe>[/flash]

7 - et pour finir on supprime frameborder="0" allowfullscreen></iframe> ainsi que le " après rel=0


Et voilà, normalement vous avez un code qui ressemble exactement à ça :
[*flash width=640 height=360]http://www.youtube.com/v/_NLCKLByjqA?rel=0[/flash]
( toujours sans l'étoile * entre [ et flash )

Ce qui nous donne :



Vous pouvez utiliser d'autres dimensions, mais celles-ci s'intègrent bien au forum pour des vidéos en 16/9.

Si vous avez des questions, si je n'ai pas été assez clair, si vous avez mal aux yeux, n'hésitez pas à me contacter.


Bon bidouillage !

Enliin


Edité le 12-12-2012 à 16:28:47 par enliin