Ce qu’il faut respecter:
- La balise html <embed> est utilisée en HTML pour inclure un objet de type texte, image, audio ou vidéo. En XHTML, cette balise n’est absolument pas valide …
- Il faut donc utiliser exclusivement la balise <object>
- Pour définir les paramètres de l’objet, on utilise la balise autofermante en XHTML strict: <param />
- Un exemple:
Code non valide W3C
Code tel qu’il est récupéré depuis Dailymotion, dans notre exemple:
<object width="470" height="372" >
<param name="movie" value="http://www.dailymotion.com/swf/k35cQJHMyne9pdXiuD& colors=background:9BBDBA;special:779693;&related=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowScriptAccess"value="always"></param>
<embed type="application/x-shockwave-flash"
src="http://www.dailymotion.com/swf/k35cQJHMyne9pdXiuD
&colors=background:9BBDBA;special:779693;&related=1" width="470" height="372" allowFullScreen="true" allowScriptAccess="always"> </embed></object>
Code valide W3C
Code remanié pour la validation:
<object type="application/x-shockwave-flash"
data="http://www.dailymotion.com/swf/k35cQJHMyne9pdXiuD&colors=background:9BBDBA;
special:779693;&related=1" width="470" height="372"><param name="movie" value="http://www.dailymotion.com/swf/k35cQJHMyne9pdXiuD&
colors=background:9BBDBA; special:779693;&related=1" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="opaque" /></object>
- La balise <embed> disparait, elle est invalide.
- Les paramètres auparavant définis dans la balise <embed>, concernant le type d’application et son url, sont maintenant transmis par l’intermédiaire de la balise <object>.
- Les redondances sont supprimées: les paramètres comme "allowFullScreen" et "allowScriptAccess", transmis par l’intermédiaire des balises <param name> l’étaient également par l’intermédiaire de la balise <embed>.
- La balise <param name> devient autofermante:
<param name= « contenu »></param > devient <param name= « contenu » /> - A noter: dans l’exemple présenté ci-dessus, le paramètre ajouté « wmode » permet de placer la vidéo en mode opaque. Cela la placera en arrière plan lorsqu’une autre application la recouvrira. Par exemple, ici, lorsque la galerie Photo sera active.
- Un « copié collé » du code présenté ci-dessus, affichera la vidéo du post « Dale News » et sera tout à fait valide!