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


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

V jazycích HTML a XHTML 1.0 je pro zobrazování externich souborů např. formátu swf (aplikace Macromedia Flash) a především pro spouštění multimediálních zvukových a videosouborů určen element <embed />. V návrhu nového jazyka XHTML 1.1 již ale tento element není, místo něho bychom měli používat nový element <object> </object>. Ten má tu výhodu, že je ho možné použít i pro zobrazování souborů dalších formátů (txt, html) a dokonce i grafických souborů jpg, gif a png (viz tento testovací soubor). V jednom z prvních návrhů jazyka XHTML 1.1 nebyl totiž ani tradiční element <img />, v aktuálním návrhu (viz www.w3.org/TR/xhtml11/doctype.html#s_doctype/ ) ho ale již opět najdeme.

Poznámka: IE6 vyžaduje pro většinu multimediálních souborů spuštění ActiveX prvků, které se ale ze zatím neznámého důvodu někdy nespustí.
Firefox 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é.

Poznámka 2: V HTML5 došlo k zásadní změně v podpodpoře multimédií, více v článku "HTML5 - testování nativní podpory nových elementů <video> a <audio>".


Příklady:



  • Element <embed /> s videem avi (IE7 a IE8 OK, Opera, Safari 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, Safari 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" autoplay="false" />



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

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



  • Element <object> s videem avi (funguje v IE, ale v Opeře, Safari 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, Safari a Firefox ale nerespektují 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, Safari 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, IE7 a IE8 OK, IE6 vyžaduje spuštění ActiveX prvku, nefunguje v Safari).

    <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, nefunguje v Safari; nemusí být použit atribut data, s atributem data nefunguje ani v Opeře!).

    <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, Safari a IE OK, Firefox vyžaduje plug-in; nemusí být použit atribut data).

    <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, Safari a IE OK, Firefox vyžaduje plug-in; nemusí být použit atribut data).

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




    • pepe © 2006