[English version]

<- index

Valid HTML 4.01 Strict Valid CSS!

tests HTML strict :
incorporer du contenu avec la balise object

signification des résultats :
succès : le contenu incorporé est affiché.
dégrade correctement : le contenu alternatif est affiché. Peut être qu'un autre plugin serait capable d'afficher le contenu.
raté : le contenu n'est pas affiché, ou le contenu alternatif, ou autre problème...

détails des navigateurs testés et de leurs plugins

types mime video


test.mpg

type mime : video/mpeg

code :

<object data="data/test.mpg" type="video/mpeg" width="320" height="255">
  <param name="src" value="data/test.mpg">
  <param name="autoplay" value="false">
  <param name="autoStart" value="0">
  alt : <a href="data/test.mpg">test.mpg</a>
</object>

résultat :

alt : test.mpg
résultats observés dans divers navigateurs :
Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
succès succès succès succès succès succès succès succès succès succès succès dégrade correctement

test.avi

type mime : video/avi

code :

<object data="data/test.avi" type="video/x-msvideo" width="320" height="255">
  <param name="src" value="data/test.avi">
  <param name="autoStart" value="0">
  alt : <a href="data/test.avi">test.avi</a>
</object>

résultat :

alt : test.avi
résultats observés dans divers navigateurs :
Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
succès succès succès succès succès succès succès succès succès succès succès dégrade correctement

test.wmv

type mime : video/x-ms-wmv

code :

<object type="video/x-ms-wmv" data="data/test.wmv" width="320" height="255">
  <param name="src" value="data/test.wmv">
  <param name="autoStart" value="0">
  alt : <a href="data/test.wmv">test.wmv</a>
</object>

résultat :

alt : test.wmv
résultats observés dans divers navigateurs :
Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
succès succès succès succès dégrade correctement succès succès succès succès succès dégrade correctement dégrade correctement

test.mov

type mime : video/quicktime

balises object simplement imbriquées

code :

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
        codebase="http://www.apple.com/qtactivex/qtplugin.cab"
        width="320" height="255">
  <param name="src" value="data/test.mov" >
  <param name="controller" value="true" >
  <param name="autoplay" value="false">

  <object type="video/quicktime" data="data/test.mov" width="320" height="255">
    <param name="controller" value="true" >
    <param name="autoplay" value="false">
   alt : <a href="data/test.mov">test.mov</a>
  </object>
</object>

résultat :

alt : test.mov
résultats observés dans divers navigateurs :
Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
succès succès succès succès succès succès raté raté raté raté succès dégrade correctement

IE affiche le contenu du premier object, et une zone blanche pour celui imbriqué.

balises objects imbriquées avec commentaires conditionnels d'IE

code :

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
        codebase="http://www.apple.com/qtactivex/qtplugin.cab"
        width="320" height="255">
  <param name="src" value="data/test.mov" >
  <param name="controller" value="true" >
  <param name="autoplay" value="false">

  <!--[if gte IE 7]> <!-->
  <object type="video/quicktime" data="data/test.mov" width="320" height="255">
    <param name="controller" value="true" >
    <param name="autoplay" value="false">
   alt : <a href="data/test.mov">test.mov</a>
  </object>
  <!--<![endif]-->
  <!--[if lt IE 7]>
    alt : <a href="data/test.mov">test.mov</a>
  <![endif]-->
</object>

résultat :

alt : test.mov
résultats observés dans divers navigateurs :
Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
succès succès succès succès succès succès succès succès succès raté succès dégrade correctement

IE4 ne comprend pas les commentaires conditionnels, donc il affiche une zone blanche pour l'object imbriqué. Mais le contenu incorporé du premier est correctement affiché.

balises object imbriquées, l'imbriqué masqué par CSS

code :

<style type="text/css">
/* classe pour masquer les object imbriqués dans IE */
/* masquer le deuxième object pour toutes les versions de IE */
* html object.hiddenObjectForIE { display: none; }

/* afficher le deuxième object uniquement pour IE Mac */
/* IE Mac \*//*/
* html object.hiddenObjectForIE { display: inline; }
/**/
</style>

code :

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
        codebase="http://www.apple.com/qtactivex/qtplugin.cab"
        width="320" height="255">
  <param name="src" value="data/test.mov" >
  <param name="controller" value="true" >
  <param name="autoplay" value="false">
  
  <object type="video/quicktime" data="data/test.mov"
          width="320" height="255" class="hiddenObjectForIE">
   <param name="controller" value="true" >
   <param name="autoplay" value="false">
   alt : <a href="data/test.mov">test.mov</a>
  </object>
</object>

résultat :

alt : test.mov
résultats observés dans divers navigateurs :
Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
succès succès succès succès succès succès succès succès succès succès succès dégrade correctement

<- index