Konsten att baka in ljudfiler i XHTML-dokument måndag 27 november 2006, klockan 20:33

Jag har en handfull wav:ar och mp3:or inbakade i några av mina sidor. Det stora problemet med att baka in saker är att de olika webbläsarna och operativsystemen (som vanligt) inte är särskilt överens. Jag hittade en lösning med en <embed>-tagg inuti en <object>-tagg som verkade fungera ganska bra – tills jag provade att validera sidan på w3.org. Det visade sig att <embed> inte är korrekt XHTML. Vad göra?

Jag hittade till slut en sida som hjälpte mig på traven. Här handlar det om två olika <object>-taggar. En laddas om man kör Internet Explorer och den andra om man kör någon annan webbläsare. Jag har bara provat med Internet Explorer och Firefox på Windows XP respektive Mac OS X 10.4, men jag ser ingen anledning till att det inte skulle fungera i andra läsare. Det borde fungera i Linux också. Koden som gör detta möjligt lyder som följer.

<object width="320" height="16"
classid=”clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B”>
<param name=”src” value=”[MP3-fil här]” />
<param name=”controller” value=”true” />
<param name=”autoplay” value=”false” />

<!--[if gte IE 7]> <!-->
<object width=”320″ height=”16″ type=”audio/mpeg”
data=”[MP3-fil här]”>
<param name=”controller” value=”true” />
<param name=”autoplay” value=”false” />
<a xhref=”[MP3-fil här]”>[MP3-filnamn här]</a>
</object>
<!–<![endif]–>

<!--[if lt IE 7]>
<a xhref=”[MP3-fil här]”>[MP3-filnamn här]</a>
<![endif]–>
</object>

Validerar som en dröm!