Jag tänkte skippa Flash och enbart bädda in en mp3 fil på en sida med html. Nu har jag läst på och testat men det återstår många frågetecken.
1. Skall jag använda embed taggen eller object taggen. Den senare är vad jag förstår mer korrekt men t.ex. fick jag problem med den i senaste Firefox på XP.
2. Vilken mimetyp skall man använda egentligen. Det finns både "application/mpeg" och "audio/mpeg" och jag hittar ingen information om vad det är för skillnad på dem. Firefox klarar inte "applicaion" om jag använder objet-taggen.
3. Vad skall man egentligen sätta för höjd på det inbäddade objektet. Sätter man ingen höjd så får man en stor onödig marginal. Sätter man den runt 16px blir det fint på Mac (Quicktime) men fult på PC (Windows Media), sätter man den runt 25 blir det hyfsat men fula marginaler i Firefox som man inte kan ändra färg på.
Såhär ser koden ut som jag experimenterat med, 4 olika varianter
<head>
<style type="text/css">
<!--
.mp3play {
width: 100%;
height: 25px;
}-->
</style>
</head>
<body>
<p>Embed application/mpeg
<embed class="mp3play" type="application/mpeg" src="mp3/dummy.mp3" />
</p>
<p>Embed audio/mpeg
<embed class="mp3play" type="audio/mpeg" src="mp3/dummy.mp3" />
</p>
<p>Object application/mpeg
<object class="mp3play" type="application/mpeg" data="mp3/dummy.mp3">
<param name="src" value="mp3/dummy.mp3">
<param name="autoplay" value="true">
<param name="autoStart" value="1">
</object>
</p>
<p>Object audio/mpeg
<object class="mp3play" type="audio/mpeg" data="mp3/dummy.mp3">
<param name="src" value="mp3/dummy.mp3">
<param name="autoplay" value="true">
<param name="autoStart" value="1">
</object>
</p>
</body>