Magazine Emarketing

Insertion propre et rapide d'une vidéo sur son site

Publié le 08 novembre 2010 par Adonfff
Insertion propre et rapide d'une vidéo sur son siteSouhaitant respecter un minimum les normes W3C pour le XHTML, je ne pouvais pas laisser tels quels les codes à copier pour embarquer une vidéo provenant d'une plateforme tel que youtube, Dailymotion, ...

Quand on pense qu'il est recommandé de nettoyer son code pour espérer un meilleur référencement dans google et que celui ne propose pas un code propre pour ses vidéos, ça me fait bien rire !
Faites ce que je dis mais pas ce que fais !
Zut ! Je ne suis pas un gosse !
Enfin bref, je vais quand même obéir !

Le code à utiliser
Ce code  fonctionne pour moi sous Firefox 3.6.12 et IE 8 pour Youtube, DailyMotion, et Metacafe
<object type="application/x-shockwave-flash" width="480" height="385" data="$[URL]">
<param name="movie" value="$[URL]" />
<param name="wmode" value="transparent" />
</object>
Ce code est à utiliser avec clippings une extension (en Français) très pratique pour Firefox
$[URL] représente une variable, ce code va appeler une fenêtre ou il faudra coller l'adresse de la video :
  • Pour Dailymotion, il faut récupérer la valeur de l'attribut value de la balise embed dans le code à copier.
  • Pour Youtube c'est l'attribut src
  • Même chose pour Metacafe
Récupérez la valeur URL
Pour récupérer cette valeur facilement; le code n'est pas très lisible dans la zone de texte et de plus cette zone ne sert qu'à copier-coller le code; copier-coller le code classique donné par la plateforme vidéo dans un éditeur de texte, CTRL+F pour chercher le mot src, value pour DM et copier tout ce qu'il y a entre les guillemets.
Vous pouvez également supprimer tout ce qu'il y a après le ? (point d'interrogation compris) ça fonctionne sans.
src="http://www.youtube.com/v/PMrWn-UGTf4?fs=1&hl=fr_FR"
value="http://www.dailymotion.com/swf/video/xfjjzn?additionalInfos=0"
src="http://www.metacafe.com/fplayer/619727/shoe_string_magic_trick.swf"
    Utiliser Clippings
    Insertion propre et rapide d'une vidéo sur son site
    Une fois installé clippings apparaît dans le menu contextuel de Firefox.
    Sélectionner la portion de code montré ci-dessus dans la partie le code à utiliser
    Clic droit>Clippings>Nouveau à partir de la sélection.

    Cette extension est très utile pour copier des portions de texte que l'on écrit souvent dans les forums, les blogs, les webmails, etc.
    Clippings fonctionne également avec thunderbird

    Voir aussi le site du zéro et son tuto sur comment insérer une vidéo sur son site montrant une balise conditionnel pour les anciens navigateurs. Personnellement, je ne la mets pas ça ne coûte pas bézef de mettre à jour son navigateur, non ?
    L'image du T-Shirt vient de là : W3C compliant
    • Civilité*
    • * Ces champs sont obligatoires
    Ajouter un commentaire Signaler un abus Imprimer cet article Partager sur Facebook Voir l'article original
    Retour à La Une de

    Ces articles peuvent vous intéresser :

    Ajouter un commentaire

    A propos de l’auteur

    Adonfff 25 votes

    Magazines