29 juil. 2010

Mettre en ligne une vidéo

Les sites de vidéos suivants vous proposent :
  • d'héberger et de diffuser vos propres vidéos, 
  • de diffuser les vidéos des autres internautes.
Pour la diffusion sur votre blog, plusieurs codes sont disponibles, mais tous ne sont pas compatibles.

Pour cette raison, je vous mets le modèle du code à copier : il s'agit du lecteur flash.
Le code commence par <object et finit par </object>

En rouge, ce sont des parties de code non indispensables au fonctionnement : publicité pour le site, l'artiste ...vous pouvez les supprimer.


Le code devra être collé en HTML.

WAT

Sur WAT.TV, vous faîtes une recherche sur la vidéo qui vous intéresserait. Il y a différents domaines : télé, sports, arts, voyages...

Un code player de ce type vous est proposé :
<div><object width='456' height='390'><param name='movie' value='http://www.wat.tv/swf/561591p3nOexG462360'></param><param name='autoplay'
value='false'></param><embed src='http://www.wat.tv/swf/561591p3nOexG462360' type='application/x-shockwave-flash' width='456' height='390'></embed></object><br/><b><a href='http://www.wat.tv/audio/462360/Vianne-Stephan-Eicher-Rendez-Vous.html'>Stephan Eicher Rendez-Vous</a></b><br /><a href='http://www.wat.tv/audios' title='Tous les audios'>Audio</a><br /><i>Envoyé par <a href='http://www.wat.tv/Vianne'>Vianne</a> sur <a href='http://www.wat.tv'>wat.tv</a></i></div>

YOUTUBE

Même principe chez YOUTUBE

Vous cherchez la vidéo et vous copiez le code EMBED
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/4SR_ygICDKE"></param><param name="wmode" value="transparent"></param><embed
src="http://www.youtube.com/v/4SR_ygICDKE" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

DAILYMOTION

Chez DAILYMOTION

Cherchez votre vidéo.

Choisissez Lecteur exportable.

Copiez le code
<div><object width="425" height="263"><param name="movie" value="http://www.dailymotion.com/swf/2QTH9QaLuqhjYg0UU"></param><param name="allowfullscreen"
value="true"></param><embed src="http://www.dailymotion.com/swf/2QTH9QaLuqhjYg0UU" type="application/x-shockwave-flash" width="425" height="263"
allowfullscreen="true"></embed></object><br /><b><a href="http://www.dailymotion.com/video/x29t1k_renan-luce-la-lettre_music">Renan Luce - La
lettre</a></b><br /><i>envoy&eacute; par <a href="http://www.dailymotion.com/Nuigrav">Nuigrav</a></i></div>

WIDEO

Sur Wideo.fr

Recherchez la vidéo.

A droite de la vidéo, cliquez sur Bloguer/copier cette vidéo

Sous Sur un site perso, un blog ou sur eBay, etc... , cliquez sur Récupérez le code

Copiez le
<object type="application/x-shockwave-flash" data="http://www.wideo.fr/p/fr/iLyROoaft125.html" width="400" height="368">
<param name="movie" value="http://www.wideo.fr/p/fr/iLyROoaft125.html" />
<param name="wmode" value="transparent" />
<embed src="http://www.wideo.fr/p/fr/iLyROoaft125.html" width="400" height="368" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash">
<a href="http://www.wideo.fr/video/iLyROoaft125.html" title="AMEL BENT feat. Diam's - A 20 ANS - wideo"><img src="http://t.kewego.com/t/1/0498/154x114_iLyROoaft125_2.jpg" alt="AMEL
BENT feat. Diam's - A 20 ANS - wideo"/></a><br /><a href="http://www.wideo.fr/video/iLyROoaft125.html">AMEL BENT feat. Diam's - A 20 ANS - wideo</a>
</embed>
</object><div style="width: 400px;"><a href="http://www.wideo.fr/video/iLyROoaft125.html">AMEL BENT feat. Diam's - A 20 ANS - wideo</a> <br />Découvre le nouveau
clip d'Amel Bent featuring Diam's !<br />
<br />
L'album &quot;A 20 ans&quot; toujours dans les bacs !
<div>Mots-clés : <a href="http://www.wideo.fr/search/?q=amel bent">amel bent</a> <a href="http://www.wideo.fr/search/?q=diam's">diam's</a> <a
href="http://www.wideo.fr/search/?q=a 20 ans">a 20 ans</a> <a href="http://www.wideo.fr/search/?q=nouvelle star">nouvelle star</a> <a
href="http://www.wideo.fr/search/?q=ma philosophie">ma philosophie</a> </div> <div style="text-align: right;">
<a href="http://www.wideo.fr/video/iLyROoaft125.html">Video</a> de <a
href="http://www.wideo.fr/search/?q=user:fan2clips">fan2clips</a> </div></div>
TINYPIC

Allez sur  TINYPIC

Uploadez votre fichier vidéo

Vous pouvez lui mettre des tags (mots clés)

Cliquez sur Téléchargez maintenant

Copiez le code : HTML pour sites Web
<embed width="440" height="380" type="application/x-shockwave-flash" src="http://v3.tinypic.com/player.swf?file=2ytsd1f&s=3"></embed>

4 commentaires:

  1. Bonjour et merci, ça marche très fort! Je voudrais savoir s'il existe un code pour que la video demarre à l'ouverture de la page sans que l'on ait à appuyer sur le bouton start...
    Ma video est hebergée sur dailymotion et mon blog est sur overblog.
    Merci d'avance

    Roberta

    RépondreSupprimer
  2. Bonjour :) Sur Dailymotion, tu cliques sur Personnaliser le code et ensuite tu coches "Démarrer la vidéo automatiquement"

    RépondreSupprimer
  3. CC, peut-on mettre une vidéo a partir de archive host ?

    RépondreSupprimer
  4. Bonjour, Oui Archivehost héberge les vidéos, il te donne un code à coller en HTML pour l'afficher sur le blog.

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)