[Tutorial] Mettre une vidéo dans un message

Bas de page

Pages : 1

Abraxas

Membre du conseil

Posté le 08-04-2011 à 12:07:57

Salut,

Imaginons que vous ayez envie de mettre une vidéo dans un de vos messages... et bien c'est possible grace au balise [*flash][*/flash] ou en cliquant sur l'icone

Ces balises permettent de mettre une animation flash de votre choix, hors les players Youtube et Dailymotion sont exportable au format flash voici comment faire:

Youtube:

Récupérer le code d'integration, par exemple pour la vidéo : http://www.youtube.com/watch?v=0zKVEcPJ368 le code est:

[code=html]<iframe title="YouTube video player"
width="480" height="390" src="http://www.youtube.com/embed/0zKVEcPJ368"
frameborder="0" allowfullscreen></iframe>[/code]

Il suffit de récupérer dans le code ci-dessus la valeur de "width", la valeur de "height" ainsi que la valeur de la source, la ce devient juste un peu plus complexe, car il faut transformer le code au dessus et remplacer le "/embed/" par "/v/", comme ceci

[code=html][ flash width=480 height=390]http://www.youtube.com/v/0zKVEcPJ368[/flash][/code]

Ce qui donne au final:

Dailymotion:

Pour Dailymotion c'est beaucoup plus simple, imaginons que vouy ayez retrouvé ce reportage formidable sur l'alchimie sur dailymotion et que vous bruliez d'envie de le faire partager... rien de plus simple.

rendez vous sur la page de votre video préféré par exemple: http://www.dailymotion.com/video/x92umt_l-alchimie-science-et-mysticisme-1_tech#from=embed

Vous pouvez cliquer sur l'icone "</> code embed" et vous obtiendrez ceci:

[code=html]<object width="480" height="360">
<param name="movie" value="http://www.dailymotion.com/swf/video/x92umt?theme=none"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowScriptAccess" value="always"></param><param name="wmode" value="transparent"></param>
<embed type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/x92umt?theme=none"
width="480" height="360" wmode="transparent" allowfullscreen="true"
allowscriptaccess="always"></embed></object><br />
<a href="http://www.dailymotion.com/video/x92umt_l-alchimie-science-et-mysticisme-1_tech" target="_blank">
L'Alchimie, Science et mysticisme 1/3</a>
<i>
par <a href="http://www.dailymotion.com/Arcadya" target="_blank">Arcadya
</a></i>[/code]

Idem vous récupérer les valeurs "Width" et "height" et la vous pouvez directement utiliser le lien de la video source ce qui donne:

[code=html][ flash width=480 height=360]http://www.dailymotion.com/swf/video/x92umt[/flash][/code]

Et voici (j'en profite pour mettre les trois vidéos de cet excellent reportage)

Bon vous commencez certainement a saisir le principe, un dernier exemple avec Google video.

Google Video:

Cette fois vous avez envie de nous faire partager le 1h50 du merveilleux Zeitgeist, vous trouvez donc le lien de la video en sous-titré francais sur la page de google vid soit : http://video.google.com/videoplay?docid=7610458395739639981#

Ici encore vous cliquer sur "intégrer à un site" et vous obtenez le code suivant:

[code=html]<embed id=VideoPlayback
src=http://video.google.com/googleplayer.swf?docid=7610458395739639981&hl=fr&fs=true
style=width:400px;height:326px allowFullScreen=true
allowScriptAccess=always type=application/x-shockwave-flash> </embed>[/code]

Bon si jusqu'ici vous avez suivi vous allez donc mettre ceci:

[code=html]
[ flash width=400 height=326]http://video.google.com/googleplayer.swf?docid=7610458395739639981[/flash][/code]

Et voila, il ne vous reste plus qu'a nous faire partager vos meilleurs videos.

Grü

Abra

Edité le 08-04-2011 à 12:45:04 par Abraxas

--------------------
Carita bene ordonata incipit a se met ipso

Haut de page

Pages : 1

Abrasax

Accueil

Centre Technique

[Tutorial] Mettre une vidéo dans un message

Divers

Imprimer ce sujet

créer forum