Le code fourni par YouTube pour insérer des vidéos ne marche pas sur mon Gandi blog. Comment insérer une vidéo dans un billet?
Le scénario
Pour ajouter un peu d'humour à ce blog, tout en respectant restant sur la thématique centrale je propose d'ajouter une vidéo produite par Alin Chabat : "Avez vous déjà vu un clown avocat ?"
Le mode d'emploi pas à pas
-
Écrivez votre billet de façon à n'avoir plus que la vidéo à insérer.
-
Recopier le code fourni par YouTube :
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/F-CGqzosBmE&color1=0x2b405b&color2=0x6b8ab6&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/F-CGqzosBmE&color1=0x2b405b&color2=0x6b8ab6&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object> -
Aller sur http://mxlweb.net/valid/ et rendez le code valide; Le système fonctionne déjà pour YouTube, DalyMotion et Wideo
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/F-CGqzosBmE" height="355" width="425">
<param name="movie" value="http://www.youtube.com/v/F-CGqzosBmE" />
<param name="wmode" value="transparent" />
</object>Remarque : les modifications sont succintes et peuvent être appliquées à d'autres broadcasters vidéos. Dans cet exemple avec YouTube, il faut renommer l'attribut src de la balise embed en data, ensuite, recopier les attributs data et type dans la balise object. Supprimer également la fin de l'URL renvoyant vers l'archivé vidéo, à partir du & (inclus). Enfin, supprimer ce qui reste de la balise embed.
-
Convertir votre billet en XHTML (au lieu de la syntaxe wiki par défaut)
-
Dans la partie inférieure de votre éditeur de page, cliquer sur le lien source. Repérer dans la structure du code de la page l'endroit où la vidéo doit apparaître ;
-
y coller le code modifié à l'endroit où vous voulez insérer votre vidéo.
Les explications
Les broadcasters vidéos gratuits
L'usage de l'internet a chamboulé les règles du business dans le cinéma et de la télévision notamment en matière de publicité et de marketing. La grèves des doublures vocales aux États-Unis et plus récemment celle des scénaristes de séries télévisées sont d'ailleurs liées à ce phénomène : aujourd'hui le business, c'est sur internet et pas ailleurs.
Le but d'un broadcaster vidéo est donc de compiler et diffuser des vidéos
sur le web. Le contenu est fourni gratuitement par des internautes (personnes
morales ou personnes physiques). Pour assurer une diffusion maximale de ces
contenus les broadcasters vont utiliser des sites internet tiers comme relai de
diffusion. Le modèle est simple et rentable : on ne crée aucun contenu, ni
aucun programme, mais un gigantesque espace de stockage avec un moteur de
recherche et un système de pondération pour évaluer les vidéos. Ici
l'innovation et le business model résident dans l'absence de valeur ajoutée et
dans la compréhension des nouvelles chaînes de valorisation possibles grâce aux
usages que nous faisons des nouvelles Technologies de l'Information
et de la Communication. Tout est donc fait pour favoriser
l'intégration de ces vidéos dans nos sites internet.
Contrairement à la télévision où des règles existent et obligent les chaînes à participer à une certaine création, il n'y a là aucune autorité de régulation ni aucun règlement : la loi semble aujourd'hui tournée uniquement vers l'aspect licite du contenu lui-même et du respect de ses ayant-droits (copyright).
L'intérêt pour les auteurs et les webmasters
À l'heure actuelle, les vidéos ne sont pas encore frénétiquement entrecoupées de pub comme la télévision espagnole ;-). Pour les auteurs avoir recours à ce genre de service gratuits est très bénéfique puisque leur message connaitra une diffusion bien plus large que si il était relayé uniquement à travers leur propre site web. Pour le webmaster, c'est le moyen d'économiser des ressources au niveau de son hébergement : l'espace disque et la bande passante sont consommées chez le broadcaster gratuit et non pas sur leur hébergement propre, lequel est évidemment sous-dimensionné par rapport au ressources d'un géant comme Google, le propriétaire de YouTube (2006 : Google achète YouTube 1,65 milliards de dollars).
Et pourquoi ça marche marchait pas dans mon GandiBlog DotClear ?
Tel quel, le code fourni par YouTube ne fonctionne pas; en effet le GandiBlog est fondé sur le moteur de blog DotClear 2, lequel impose pour des raisons d'intéropérabilité que le code des pages soit respectueux de la norme XHTML strict. Tout code non valide est "nettoyé", c'est à dire impitoyablement supprimé par DotClear. Il ne s'agit pas d'un snobisme technologique de l'auteur de DotClear, mais bien d'une démarche qualité qui favorisera, entre autres, le référencement naturel des pages du blog dans les moteurs de recherche et leur bonne lisibilité avec la majorité des navigateurs internet.
Les vidéos diffusées par YouTube nécessitent le plugin flash et le code
proposé par YouTube pour insérer reprend la structure de code générique proposé
par Adobe pour insérer une animation flash dans une page web. Hors ce code
n'est pas respectueux de la syntaxe XHTML: la balise embed n'est pas XHTML
compliant 
, d'où les modifications décrites plus haut... 