Podpora přehrávání multimediálních prvků a zobrazování externích souborů pomocí elementů <embed /> a <object> </object>


(zaměřeno na podporu v IE6, IE7, Firefox 2 a Opera 9)

Poznámka: IE6 vyžaduje pro většinu multimediálních souborů spuštění ActiveX prvků (které se ale z neznámého důvodu někdy nespustí) a kolem elementu <object> s atributem "data" je navíc vždy rámeček, který ale nejde ani CSS vlastností border-style:none vypnout.
Firefox 2 zase vyžaduje pro přehrání většiny multimediálních souborů instalaci plug-inů, nabídne jejich stažení, ale nakonec žádný nenajde.
Na poli multimediálních objektů tedy podle mého názoru vítězí Opera (nepodporuje jen <object> s videem avi), má také potřebné plug-iny většinou již nainstalované.
Element <embed /> je starší příkaz, v XHTML by se již měl používat element <object> </object>.

Bodové hodnocení (bylo možné získat max. 19 bodů): všechny testované prohlížeče dosáhly 18 bodů.

Pokud se ale nepodaří ActiveX prvky aktivovat, nefunguje v IE6 pět multimediálních objektů a IE 6 by tak získal jen 13 bodů.


Příklady:



  • Element <embed /> s videem avi (IE7 OK, Opera a Firefox vyžadují pro spuštění plug-in, IE6 ActiveX prvek).

    <embed src="video.avi" width="350" height="300" loop="1" autostart="false" />



  • Element <embed /> s videem wmv (všude OK, IE6 vyžaduje spuštění ActiveX prvku, Opera a Firefox ale nerespektují vypnutý autostart).

    <embed src="video.wmv" width="350" height="300" loop="1" autoplay="false" />



  • Element <embed /> s videem mpeg (všude OK, IE6 vyžaduje spuštění ActiveX prvku).

    <embed src="video.mpg" width="350" height="300" loop="1" autostart="false" />



  • Element <embed /> s videem mov (nutný QuickTime, všude OK).

    <embed src="video.mov" width="250" height="250" loop="1" autostart="false" />



  • Element <embed /> se souborem swf (aplikace Macromedia Flash), všude OK.

    <embed src="intro.swf" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="250" height="250" />



  • Element <object> s videem avi (funguje v IE, ale v Opeře a Firefoxu nikoliv).

    <object data="video.avi" type="video/x-msvideo" width="350" height="300">
      <param name="src" value="video.avi" />
      <param name="loop" value="1" />
      <param name="autostart" value="false" />
    </object>



  • Element <object> s videem wmv (všude OK, Opera ale nerespektuje vypnutý autostart).

    <object data="video.wmv" type="video/x-ms-wmv" width="350" height="300">
      <param name="src" value="video.wmv" />
      <param name="loop" value="false" />
      <param name="play" value="false" />
    </object>



  • Element <object> s videem mpeg (všude OK).

    <object data="video.mpg" type="video/x-mpeg" width="350" height="300">
      <param name="src" value="video.mpg" />
      <param name="loop" value="false" />
      <param name="autostart" value="false" />
    </object>



  • Element <object> s videem mov (nutný QuickTime, v Opeře a Firefoxu OK, nefunguje v IE).

    <object data="video.mov" type="video/quicktime" width="250" height="250">
      <param name="src" value="video.mov" />
      <param name="loop" value="1" />
      <param name="autostart" value="false" />
    </object>




  • Element <embed /> s libovolným formátem zvuku (Opera, Firefox a IE7 OK, IE6 vyžaduje spuštění ActiveX prvku).

    <embed src="audio.mp3" loop="1" autostart="false" width="350" height="25" />



  • Element <object> se zvukem mp3 (Opera a IE OK, Firefox vyžaduje plug-in).

    <object type="audio/x-mp3" width="350" height="25">
      <param name="src" value="audio.mp3" />
      <param name="autostart" value="false" />
    </object>



  • Element <object> se zvukem wav (Opera a IE OK, Firefox vyžaduje plug-in).

    <object type="audio/x-wav" width="350" height="25">
      <param name="src" value="audio.wav" />
      <param name="autostart" value="false" />
    </object>



  • Element <object> se zvukem mid (Opera a IE OK, Firefox vyžaduje plug-in).

    <object type="audio/x-midi" width="350" height="25">
      <param name="src" value="audio.mid" />
      <param name="autostart" value="false" />
    </object>



  • Element <object> se souborem swf (aplikace Macromedia Flash), všude OK.

    <object data="flash-file.swf" type="application/x-shockwave-flash" width="250" height="250">
      <param name="movie" value="flash-file.swf" />
      <param name="play" value="true" />
      <param name="quality" value="best" />
      <param name="loop" value="false" />
    </object>



  • Element <object> se souborem txt (všude OK, Opera se ale nejdříve zeptá, zda soubor otevřít nebo uložit).

    <object data="textfile.txt" type="text/plain" width="250" height="250">
    </object>



  • Element <object> se souborem html (použitelné jako náhrada <iframe>, všude OK).

    <object data="htmlfile.html" type="text/html" width="250" height="250">
    </object>



  • Element <object> s obrázkem jpg (všude OK, Firefox a Opera ale obrázek deformují podle velikosti elementu <object>, IE ponechá velikost obrázku).

    <object data="image.jpg" type="image/jpeg" width="250" height="250">
    </object>



  • Element <object> s obrázkem gif (všude OK, Firefox a Opera ale obrázek deformují podle velikosti elementu <object>, IE ponechá velikost obrázku).

    <object data="image.gif" type="image/gif" width="250" height="250">
    </object>



  • Element <object> s obrázkem png s průhledným pozadím: všude OK, Firefox a Opera obrázek deformují podle velikosti elementu <object>, IE ponechá velikost obrázku a dokonce se i snaží nezobrazit pozadí, ale daří se mu to jen částečně. To je překvapivé hlavně u IE7, který to přece již umí, viz příklad v Testovacím souboru (X)HTML a CSS.
    Zajímavé ale je, že na některých počítačích (se stejnou verzí IE6 i OS Windows!) tento objekt nefunguje vůbec a stránka se v místě tohoto vloženého objektu chová divně (někde roluje text s předchozích částí stránky, jinde je na stránce prázdné místo, apod. Problém je způsoben opět ActiveX prvkem, který se někde aktivuje, jinde nikoliv.

    <object data="image.png" type="image/png" width="250" height="250">
    </object>




    • Poslední aktualizace: , pepe © 2006