Objet flash W3C valide…

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!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

?>