<- index

This page is served with a text/html mime type.

strict XHTML tests :
embed content with object tag

signification des résultats :
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 :

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 :

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 :

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 :

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 :

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 :

<- index

<- previous test next test ->