[version française]

<- index

Valid HTML 4.01 Strict Valid CSS!

strict HTML tests :
embed content with object tag

meaning of the results :
sucess : the embed content is displayed.
degrade correctly : the alternative content is displayed. Perhaps an other plugin would be able to display the content.
failed : the content is not displayed, or the alternative content, or other problem...

details of the tested browsers and theirs plugins

types mime video


test.mpg

mime type: 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>

result :

alt : test.mpg
observed results in various browsers :
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
success success success success success success success success success success success degrade correctly

test.avi

mime type: 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>

result :

alt : test.avi
observed results in various browsers :
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
success success success success success success success success success success success degrade correctly

test.wmv

mime type: 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>

result :

alt : test.wmv
observed results in various browsers :
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
success success success success degrade correctly success success success success success degrade correctly degrade correctly

test.mov

mime type: video/quicktime

simple nested object tags

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>

result :

alt : test.mov
observed results in various browsers :
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
success success success success success success failed failed failed failed success degrade correctly

IE display the content of the first object, and a blank zone for the nested one.

nested object tags with IE conditional comments

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>

result :

alt : test.mov
observed results in various browsers :
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
success success success success success success success success success failed success degrade correctly

IE4 don't understand the conditional comments, so he display a blank zone for the nested object. But the embed content is correctly display by the first one.

nested object tags, nested object hidden by css

code :

<style type="text/css">
/* class to hide nested objects in IE */
/* hides the second object from all versions of IE */
* html object.hiddenObjectForIE { display: none; }

/* display the second object only for IE5 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>

result :

alt : test.mov
observed results in various browsers :
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
success success success success success success success success success success success degrade correctly

<- index