[Tutoriel] Inserer une vidéo dans son message

Après quelques recherches, j'ai trouvé comment mettre une vidéo directement dans votre message (sans passer par un lien hypertexte).

Voici un petit tutoriel pour vous expliquer comment faire.

Youtube

1. Copiez cette balise : [flash(425,350)][/flash]

2. Prenez l'URL de la vidéo. Exemple : http://fr.youtube.com/watch?v=vahupCJqkLU

3. Remplacez fr par www (si besoin est)

4. Enlevez le watch? et remplacez le = par /

5. Voila le résultat : fr.youtube.com/watch?v=vahupCJqkLU devient www.youtube.com/v/vahupCJqkLU

6. Insérez le nouvel URL dans la balise.

Voilà, normalement la vidéo s'affiche dans le message envoyé (pas au moment ou vous tapez le message !!!)...

Le tutoriel pour Dailymotion arrive lorsque j'aurais trouvé comment faire.

Si vous avez de meilleurs solutions ou que vous rencontrez des problèmes... postez ici !

Les balises HTML (lecteur exportable) de la vidéo fonctionnent aussi, pour peu qu'on ait activé le HTML dans son profil.

Une petite explication est de mise, pour qu'on sache ce que l'on fais (je suis pas un expert en HTML, mais j'vais faire ce que je peux =))


Tout d'abord, HTML c'est les initiales de Hypertext Markup Language (en français, Langage de Balisage Hypertexte). Il est dérivé du SGML (Standard Generalized Markup Language) et date du tout début des années 90'.

C'est un langage utilisé pour mettre en forme des pages web , il permet d'écrire de l'hypertexte.

L'Hypertexte, c'est un texte contenant des Hyperliens (ou Liens Hypertexte).
Ceux-ci permettent de lier les pages web (et les images, etc) entre elles, ce sont donc des liens entre pages web (quelle déduction...).
Par contre, ils sont unidirectionnels, c'est à dire qu'on ne peut pas revenir sur la page de départ à partir de la page liée... sauf s'il y a un autre Lien Hypertexte sur cette dernière.

Voilà, maintenant tout le monde sais ce qu'est le HTML (lol). Maintenant on passe au XHTML, son succésseur ... Comment ça, "Ta Gue*le" ? :'( )

Le langage HTML en application.

Code:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/mAkqZ-_-uc0&hl=fr&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/3k5Gj2VEGww&hl=fr&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

< object > est une balise permettant l'insertion d'objet multimédia (ici une vidéo).

• width="[nombre]" représente la largeur de l'objet inséré (de la vidéo, ici. largeur en pixel, pour info une HD fait 1080 pixels).
  
• height="[nombre]" représente la hauteur de l'objet inséré (toujours de la vidéo dans ce cas-ci, en pixel aussi, la norme HD est de 720p).
  
• On peut modifier les valeur de la largeur et de la hauteur, mais en prenant garde de conserver le rapport entre les deux.

< param > est un paramètre de l'objet inséré (donc un paramètre de la video).

• name="[un_nom]" c'est le nom du paramètre.
  
• value="[valeur_du_param]" est la valeur du paramètre (url de la vidéo, etc), ici il y a trois paramètres associés à la vidéo.

< /param > ferme la balise du paramètre (à ne pas oublier).

< embed > permet d'insérer une application (le lecteur vidéo dans ce cas).

• src="[Une_URL]" représente l'url de la ressource à insérer (l'url du lecteur, dans ce cas).
  
• type="[Type_D'Application]" représente... le type de l'application... (lecteur flash ici).
  
• allowscriptaccess="[Valeur]" et allowfullscreen="[Valeur]"représentent les paramètre liés à l'application (ce sont les même que dans < param >, ici).
  
• width="[nombre]" et height="[nombre]" sont la largeur et la hauteur de l'application (l'application à la même taille que l'objet ici).

< /embed > ferme la balise de l'insertion d'application (important).

< /object > ferme la balise d'insertion d'objet (important).