[Tutoriel] Afficher une vidéo dans votre CR

[jTAG]

Voici un petit tuto qui vous expliquera comment insérer votre vidéo dans votre CR directement.

Tout d'abord en écrivant un nouveau message vous pourrez découvrir le bouton "flash" en haut. Il fonctionne comme suit :

Code : Tout sélectionner

[flash=largeur de la video,hauteur de la vidéo]adresse de la vidéo[/flash]

Il ne vous reste plus qu'a héberger votre vidéo sur l'un de vos hébergeur favoris, de récupérer l'adresse exact de la vidéo, le format (largeur,hauteur) et de faire votre balise

- Avec Dailymotion
- Avec Vimeo
- Avec Youtube


Pour toute questions ou aide supplémentaire MP

[jTAG]

Utilisation avec Dailymotion :

Rendez-vous à la page de votre vidéo.

En bas de cette page vous avez "lecteur exportable" :



Copiez tout le code qui est donné ! (crtl + c ou click droit > copier)

Collez ce code quelques part, sur un fichier texte, sur word, sur le msg du forum ou vous voulez, ca vous donnera quelque chose comme ça :

<div><object width="480" height="405"><param name="movie" value="http://www.dailymotion.com/swf/x9y2g1_m ... ram><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.dailymotion.com/swf/x9y2g1_merci_creation&related=0" type="application/x-shockwave-flash" width="480" height="405" allowFullScreen="true" allowScriptAccess="always"></embed></object><br /><b><a href="http://www.dailymotion.com/video/x9y2g1 ... ion">Merci !</a></b><br /><i>envoy&eacute; par <a href="http://www.dailymotion.com/Patamo-TV">Patamo-TV</a>. - <a href="http://www.dailymotion.com/fr/channel/creation">Films courts et animations.</a></i></div>

Ici ce sont les informations que j'ai marqué en rouge qui vous nous intéresser. 480 c'est la largeur (width), 405 c'est la hauteur (height) et http://www.dailymotion.com/video/x9y2g1_merci_creation c'est l'adresse de la vidéo (src).

Donc maintenant qu'on a identifié les informations qui nous intéresse on va faire la balise :

Code : Tout sélectionner

[flash=480,405]http://www.dailymotion.com/swf/x9y2g1_merci_creation[/flash]

Ce qui donnera :



Et voila votre vidéo Dailymotion est dans votre message.

Passons maintenant à l'utilisation avec Vimeo

[jTAG]

Utilisation avec Viméo



Rendez vous à la page de votre vidéo


en passant la souris sur votre vidéo, les boutons apparaissent.



cliquez sur le bouton "</> Embed" ou "Share"

une fenêtre s'affiche avec le code de la vidéo.



Sélectionnez et copiez le (ctrl + c ou click droit > copier)

Collez ce code quelques part, sur un fichier texte, sur word, sur le msg du forum ou vous voulez, ca vous donnera quelque chose comme ça :


[MAJ 2012] : Nouveau code

<iframe src="http://player.vimeo.com/video/4602324?badge=0" width="400" height="288" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/4602324">tite dodo au loin</a> from <a href="http://vimeo.com/user1007140">jTAG</a> on <a href="http://vimeo.com">Vimeo</a>.</p>

Ici ce sont les informations que j'ai marqué en rouge qui vous nous intéresser. 400c'est la largeur (width), 300 c'est la hauteur (height) et 4602324 c'est l'identifiant de la vidéo.

Pour afficher les vidéos on va devoir utiliser une ancienne adresse qui fonctionne toujours

http://vimeo.com/moogaloop.swf?clip_id=

Donc maintenant qu'on a identifié les informations qui nous intéresse on va faire la balise :

Code : Tout sélectionner

[flash=400,300]http://vimeo.com/moogaloop.swf?clip_id=4602324[/flash]

Ce qui donnera :

[/quote]

Et voila votre vidéo Vimeo est dans votre message.


Passons maintenant à l'utilisation avec Youtube

[jTAG]

Utilisation avec Youtube

Rendez-vous à la page de votre vidéo.

A droite de la vidéo il y a le cadre avec le pseudo de la personne qui a envoyé la vidéo et en dessous ce qui va nous intéresser, "Intégrer une vidéo sur un site"



Sélectionnez et copiez le (ctrl + c ou click droit > copier)

Collez ce code quelques part, sur un fichier texte, sur word, sur le msg du forum ou vous voulez, ca vous donnera quelque chose comme ça :

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

Ici ce sont les informations que j'ai marqué en rouge qui vous nous intéresser. 425 c'est la largeur (width), 344 c'est la hauteur (height) et http://www.youtube.com/v/9OvP5M2D77k c'est l'adresse de la vidéo (src).

Donc maintenant qu'on a identifié les informations qui nous intéresse on va faire la balise :

Code : Tout sélectionner

[flash=425,344]http://www.youtube.com/v/9OvP5M2D77k[/flash]

Ce qui donnera :



Et voila votre vidéo Youtube est dans votre message.

[Le Gobi]

Super, je le met en post-it.

[solo83]

super boulot jTAG

[pierro83]

ouais, il a juste que ça à faire de ses journées ....

[jTAG]

super boulot jTAG

Enfin un qui arrive à écrire mon pseudo correctement :p

ouais, il a juste que ça à faire de ses journées ....

jaloux

[Gismo]

Et à partir de Youporn, Redtube et Tube8 ??

[jTAG]

Édite vite ton msg donne pas des sources de x à pierrot, il va en faire un arrêt cardiaque avec tout ce contenu il saura plus ou mettre la tête !!!!

[Gismo]

Édite vite ton msg donne pas des sources de x à pierrot, il va en faire un arrêt cardiaque avec tout ce contenu il saura plus ou mettre la tête !!!!

tu parles un jour j'y en ai filé une super, il comprenait pas comment la faire marcher...

Oh et puis au moins ça l'occupe!

[jTAG]

ouais et après il cherche les mêmes nana sur la plage et on se plante en bagnole, super idée gismo... :p


bon j'ai pas réussi à faire afficher les vidéos de 2undersea désolé

[PREDATOR83]

Super sympa ,ça vas mettre de l'animation.

ça aurais plu a Picasso ce truc ,aprés les smailés ,les vidéos

[titoun13]

super !!! en plus avec une explication claire et explicite !!

[jhon 83]

nickel sa va etre bien pratique bien joué

[rouget]

merci , beau boulot ..

[rouget]

un p'tit test

[papaloup13]

J'aime beaucoup des tests

@ ++ plouf

[Fisherman]

Jêrome
Bastian
PIERRO t'es sur YOUPORN

[pierro83]

Jêrome
Bastian
PIERRO t'es sur YOUPORN

enfin la consecration !!!