Abrasax  Accueil  Centre Technique 

 [Tutorial] Mettre une vidéo dans un message

Nouveau sujet   Répondre
 
Bas de pagePages : 1  
Abraxas
Membre du conseil
Abraxas
   Posté le 08-04-2011 à 12:07:57   Voir le profil de Abraxas (Offline)   Répondre à ce message   http://abrasax.chez.tiscali.fr   Envoyer un message privé à Abraxas   

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 :

  1. <iframe title="YouTube video player"
  2. width="480" height="390" src="http://www.youtube.com/embed/0zKVEcPJ368"
  3. frameborder="0" allowfullscreen></iframe>


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 :

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


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 :

  1. <object width="480" height="360">
  2. <param name="movie" value="http://www.dailymotion.com/swf/video/x92umt?theme=none"></param>
  3. <param name="allowFullScreen" value="true"></param>
  4. <param name="allowScriptAccess" value="always"></param><param name="wmode" value="transparent"></param>
  5. <embed type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/x92umt?theme=none"
  6. width="480" height="360" wmode="transparent" allowfullscreen="true"
  7. allowscriptaccess="always"></embed></object><br />
  8. <a href="http://www.dailymotion.com/video/x92umt_l-alchimie-science-et-mysticisme-1_tech" target="_blank">
  9. L&#039;Alchimie, Science et mysticisme 1/3</a>
  10. <i>
  11. par <a href="http://www.dailymotion.com/Arcadya" target="_blank">Arcadya
  12. </a></i>



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 :

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


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 :

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


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

Code :

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






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 pagePages : 1  
 
 Abrasax  Accueil  Centre Technique  [Tutorial] Mettre une vidéo dans un messageNouveau sujet   Répondre
 
Identification rapide :         
 
Divers
Imprimer ce sujet
Aller à :   
 
 
créer forum