Bonjour et bienvenue sur Jeoffrey54,
Nous sommes le Jeudi 11 Mars et il est 02:54

Code valide avec DailyMotion et Youtube


Posté le 22/02/08 dans la catégorie Webmastering

Bien souvent, lorsque vous regardez une vidéo qui vous plait sur DailyMotion, ou encore Youtube, vous avez droit à un morceau de code pour insérer cette vidéo sur votre site Web ou sur votre blog Smileys

Pour ceux qui se soucient de la validité de leur site Web (cf. Le W3C et les standards du Web), le code fourni est bien souvent invalide Smileys

Faisons un petit test : Rendez-vous sur la page de test que j'ai créée à cette occasion et vérifiez la validité. Le code n'est pas valide en effet.

Code non valide

Pourtant, vérifiez par vous-même : J'ai récemment publié une news intitulée Windows fait de la musique et j'y ai mis une vidéo. Un petit coup par le validateur du W3C (lien direct) et HOP, on constate que mon code est valide !

Code valide

Mais comment tu fais sa ? Smileys

Grâce à embed2object ! Il vous convertit le script donné par les sites comme Youtube en code valide !

Démonstration : Rendez-vous sur la page d'embed2object et dans le menu déroulant choisissez Youtube.

Dans le champ ou il faut renseigner l'url de la page, mettez ceci : http://www.youtube.com/watch?v=dsU3B0W3TMs

Et cliquez sur Validez ce code !. Quelques secondes après, vous obtenez votre code validé !

Au départ nous avions ce code :

<object width="425" height="355">

	<param name="movie" value="http://www.youtube.com/v/dsU3B0W3TMs&rel=1"></param>
	<param name="wmode" value="transparent"></param>

	<embed src="http://www.youtube.com/v/dsU3B0W3TMs&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>

</object>

Voilà maintenant ce que l'on a :

<div>

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/dsU3B0W3TMs" width="425" height="350">

	<param name="movie" value="http://www.youtube.com/v/dsU3B0W3TMs" />
	<param name="wmode" value="transparent" />

</object>
</div>

C'est la balise embed qui a été remplacée par la balise object Smileys

Notez qu'embed2object ne fait pas que convertir le code à insérer de Youtube ! Il est compatible avec :

Allez, foncez mettre vos sites à jour !



Ajouter un commentaire | 1 commentaire

Remonter - Imprimer cette page - Retour aux articles


Afficher cet article sur votre site - Recommander cet article à un ami