Tutoriel : insérer une vidéo "you tube" sur le forum.
![Message Message](./styles/prosilver/imageset/icon_post_target.gif)
Bon, après un peu de prise de tête, j'ai trouvé un moyen simple, facile, enfin, disons, une solution "informatique" pour insérer du "youtube" sur ce forum... (pour "Dailymotion", voir plus bas)
Bon, déjà, pour commencer allez sur "youtube", puis, sur la page de votre vidéo, repérez le cadre gris qui contient les infos qui vont servir à votre mise en page (simple : il est en haut à droite de la page "youtube").
Voilà à quoi ça doit ressembler :
Dans ce cadre, il y a deux "fenêtres ", que j'ai entourées en rouge, et en vert
1ère solution : la solution "pas simple"...
Dans le cadre rouge, repérez l'URL de la vidéo.
Elle est sous la forme : http://fr.youtube.com/watch?v=rfqNXADl3kU
Après http://fr.youtube.com/ , il y a watch? , puis v=rfqNXADl3kU, et vous aurez compris que le nom de votre vidéo est en fait rfqNXADl3kU , dans notre exemple. (étonnant, non ?)
Il vous faut alors reconstituer une adresse "interprétable" par le forum, pour cette vidéo.
Celle-ci est de la forme : http://www.youtube.com/v/rfqNXADl3kU
On y reconnait la racine de l'adresse http://www.youtube.com (attention, c'est du 'point com' qu'il s'agit ici !!! Il faut en effet modifier http://fr.youtube.com/ en http://www.youtube.com) + /v + /rfqNXADl3kU (repérez bien les "séparateurs" ou /)
Quand vous avez reconstitué cette adresse :
- sélectionnez là,
- et cliquez sur la touche grise "youtube", située en haut à droite de votre cadre de rédaction de message.
Comme par magie, votre adresse de vidéo, va s'encadrer du "bbcode" relatif à "youtube", et...
http://www.youtube.com/v/rfqNXADl3kU va devenir [youtube*]http://www.youtube.com/v/rfqNXADl3kU[/youtube*]
(nota : j'ai rajouté les deux * pour que vous puissiez lire cet exemple. En réalité, ces étoiles ne doivent pas figurer... et c'est très bien comme ça, sinon, ça ne marchera pas...)
Voilà, votre vidéo est intégrée dans votre message...
2ème solution : la "guère plus simple"...
On va seulement s'intéresser au cadre vert... (ouf...)
Sélectionner le contenu de ce cadre vert, copier, puis coller sur une nouvelle ligne de votre message.
Vous êtes maintenant en présence d'un charabia qui ressemble à ça :
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Si on y met un peu de couleur, ça ressemble à ça :
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
La suite de l'opération va consister à se débarasser tout ce qui est en bleu dans notre exemple, pour ne conserver que ça :
http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1
Vous avez remarqué ? On a directement ce qu'on cherchait à obtenir avec la solution 1... (c'est même agrémenté de petites 'fioritures' qu'on peut laisser comme ça sans aucun souci... je parle du &hl=fr&fs=1 final...)
En revanche, assurez vous que vous avez bien ce qui est compris entre les apostrophes " ", et que ces dernières ne sont pas sélectionnées...
Ensuite :
- sélectionner tout...
- et cliquez sur la touche grise "youtube", située en haut à droite de votre cadre de rédaction de message.
Comme par magie, votre adresse de vidéo, va s'encadrer du "bbcode" relatif à "youtube", et...
http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1 va devenir [youtube*]http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1[/youtube*]
(nota : j'ai rajouté les deux * pour que vous puissiez voir cet exemple. En réalité, ces étoiles ne doivent pas figurer... et c'est très bien comme ça, sinon, ça ne marchera pas...)
Voilà, votre vidéo est maintenant intégrée dans votre message...
Voilà l'exemple fini :
Bon courage !!!![Prof ! :prof:](./images/smilies/prof.gif)
édité le 12/02/09, pour expliquer l'insertion d'une vidéo "Dailymotion" :
C'est simplissime :
1) copier le lien de la vidéo depuis la barre d'adresse, ou en choisissant le "permalien".
2) dans le corps de votre message, cliquer sur la bouton "dailymotion", et coller votre lien au milieu des balises...
3) prévisualisez pour contrôler que tout marche ou validez directement votre message...
![Studieux ! :books:](./images/smilies/livres.gif)
Bon, déjà, pour commencer allez sur "youtube", puis, sur la page de votre vidéo, repérez le cadre gris qui contient les infos qui vont servir à votre mise en page (simple : il est en haut à droite de la page "youtube").
Voilà à quoi ça doit ressembler :
Dans ce cadre, il y a deux "fenêtres ", que j'ai entourées en rouge, et en vert
1ère solution : la solution "pas simple"...
![Gnarf ! Gnarf ! :mrgreen:](./images/smilies/icon_mrgreen.gif)
Dans le cadre rouge, repérez l'URL de la vidéo.
Elle est sous la forme : http://fr.youtube.com/watch?v=rfqNXADl3kU
Après http://fr.youtube.com/ , il y a watch? , puis v=rfqNXADl3kU, et vous aurez compris que le nom de votre vidéo est en fait rfqNXADl3kU , dans notre exemple. (étonnant, non ?)
Il vous faut alors reconstituer une adresse "interprétable" par le forum, pour cette vidéo.
Celle-ci est de la forme : http://www.youtube.com/v/rfqNXADl3kU
On y reconnait la racine de l'adresse http://www.youtube.com (attention, c'est du 'point com' qu'il s'agit ici !!! Il faut en effet modifier http://fr.youtube.com/ en http://www.youtube.com) + /v + /rfqNXADl3kU (repérez bien les "séparateurs" ou /)
Quand vous avez reconstitué cette adresse :
- sélectionnez là,
- et cliquez sur la touche grise "youtube", située en haut à droite de votre cadre de rédaction de message.
Comme par magie, votre adresse de vidéo, va s'encadrer du "bbcode" relatif à "youtube", et...
http://www.youtube.com/v/rfqNXADl3kU va devenir [youtube*]http://www.youtube.com/v/rfqNXADl3kU[/youtube*]
(nota : j'ai rajouté les deux * pour que vous puissiez lire cet exemple. En réalité, ces étoiles ne doivent pas figurer... et c'est très bien comme ça, sinon, ça ne marchera pas...)
Voilà, votre vidéo est intégrée dans votre message...
2ème solution : la "guère plus simple"...
![Hi ! Hi ! :hihi:](./images/smilies/hihi.gif)
On va seulement s'intéresser au cadre vert... (ouf...)
Sélectionner le contenu de ce cadre vert, copier, puis coller sur une nouvelle ligne de votre message.
Vous êtes maintenant en présence d'un charabia qui ressemble à ça :
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Si on y met un peu de couleur, ça ressemble à ça :
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
La suite de l'opération va consister à se débarasser tout ce qui est en bleu dans notre exemple, pour ne conserver que ça :
http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1
Vous avez remarqué ? On a directement ce qu'on cherchait à obtenir avec la solution 1... (c'est même agrémenté de petites 'fioritures' qu'on peut laisser comme ça sans aucun souci... je parle du &hl=fr&fs=1 final...)
En revanche, assurez vous que vous avez bien ce qui est compris entre les apostrophes " ", et que ces dernières ne sont pas sélectionnées...
Ensuite :
- sélectionner tout...
- et cliquez sur la touche grise "youtube", située en haut à droite de votre cadre de rédaction de message.
Comme par magie, votre adresse de vidéo, va s'encadrer du "bbcode" relatif à "youtube", et...
http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1 va devenir [youtube*]http://www.youtube.com/v/rfqNXADl3kU&hl=fr&fs=1[/youtube*]
(nota : j'ai rajouté les deux * pour que vous puissiez voir cet exemple. En réalité, ces étoiles ne doivent pas figurer... et c'est très bien comme ça, sinon, ça ne marchera pas...)
Voilà, votre vidéo est maintenant intégrée dans votre message...
Voilà l'exemple fini :
Bon courage !!!
![Prof ! :prof:](./images/smilies/prof.gif)
édité le 12/02/09, pour expliquer l'insertion d'une vidéo "Dailymotion" :
C'est simplissime :
1) copier le lien de la vidéo depuis la barre d'adresse, ou en choisissant le "permalien".
2) dans le corps de votre message, cliquer sur la bouton "dailymotion", et coller votre lien au milieu des balises...
3) prévisualisez pour contrôler que tout marche ou validez directement votre message...
![Studieux ! :books:](./images/smilies/livres.gif)