---
title: "MP3-uppspelning i XHTML"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/123264-mp3-uppspelning-i-xhtml"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "adde"
published: "2005-02-25T16:36:51.000Z"
updated: "2005-03-01T12:06:39.000Z"
replies: 14
views: 1393
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/123264-mp3-uppspelning-i-xhtml"
---

# MP3-uppspelning i XHTML

## #1 — adde, 2005-02-25T16:36Z

Håller på att konvertera några html filer till XHTML och fick problem då jag skulle fixa till uppspelningen av en mp3:a.

Tidigare använde jag: 

\<object width="100" height="20" hspace="0" vspace="0"\>
\<embed src="Ljud.mp3" width="100" height="20"  hspace="0" vspace="0" autostart="False"\>\</embed\> 
\</object\>

Vilket fungerar utmärkt i HTML men som inte blir validerat i XHTML, jag vill ha det som ovan, en lite ruta där man kan klicka på play ifall man vill spela upp ljudet, saken är bara den att jag inte vet hur jag ska göra!

Jag vet att embed inte fungerar i XHTML, så jag antar att det är något med object elementet...

Permalänk: https://www.webforum.nu/p/123264

## #2 — zcorpan, 2005-02-25T19:42Z

embed fungerar lika bra i XHTML som i HTML. Dock är det invalid kod i båda fallen.

Om du vill att det ska validera så kan du göra såhär: 

```
<object type="audio/mpeg" data="musikklipp.mp3">
  <p>Lyssna gärna på mitt <a href="musikklipp.mp3">musikklipp</a>!</p>
</object>
```

 Det verkar starta automatiskt, men det kan man säkert ändra genom att använda några params. :)

Permalänk: https://www.webforum.nu/p/1562939

## #3 — Jesper T, 2005-02-25T19:49Z

```
<script type="text/javascript">
<!--//
document.write('<object width="100" height="20" hspace="0" vspace="0">');
document.write('<embed src="Ljud.mp3" width="100" height="20" hspace="0" vspace="0" autostart="False"></embed>');
document.write('</object>');
//-->
</script>
```

 ;)

Permalänk: https://www.webforum.nu/p/1562940

## #4 — zcorpan, 2005-02-25T22:54Z

Okej... 

1. Varför blanda in JavaScript?
2. Vi snackar om XHTML, så document.write() är [att](http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite) [glömma](http://ln.hixie.ch/?start=1091626816&count=1).
3. Kommentarer (\<!-- --\>) [ignoreras](http://www.w3.org/TR/xhtml1/#C_4) av XML-tolken även inom script och style.
4. Även om skriptet  körs, så har vi gjort dokumentet ogiltigt igen genom att lägga till den embed vi ville undvika.

 Jag tror jag fick med de viktigaste aspekterna.

Permalänk: https://www.webforum.nu/p/1562998

## #5 — adde, 2005-02-27T19:00Z

Mer ideér?

Är det ingen som har några konkreta exempel på detta?
saken är den att den måste bli validerad!

Det borde ju gå att åstakomma detta, eller?

Permalänk: https://www.webforum.nu/p/1563593

## #6 — zcorpan, 2005-02-27T22:27Z

Fungerar inte mitt första exempel?

Har du testat lägga till parametrar, tex 

```
<param name="autostart" value="false" />
```

?

Permalänk: https://www.webforum.nu/p/1563659

## #7 — Troxy, 2005-02-28T00:55Z

> **Jesper T skrev:**
>
> ```
> <script type="text/javascript">
> <!--//
> document.write('<object width="100" height="20" hspace="0" vspace="0">');
> document.write('<embed src="Ljud.mp3" width="100" height="20" hspace="0" vspace="0" autostart="False"></embed>');
> document.write('</object>');
> //-->
> </script>
> ```
>
>  ;)

Vet inte om ditt inlägg var seriöst, men jag antar att du genom att lägga den icke-validerande koden i Javascript så hittar inte validatorn den koden och skriker då inte till om något fel?

Men kolla: Validera sin hemsida gör man för att den ska innehålla korrekt HTML-kod, inte för att det ska STÅ att hemsidan innehåller korrekt HTML-kod. Därav är detta alternativ helt uppåt väggarna.

Permalänk: https://www.webforum.nu/p/1563681

## #8 — adde, 2005-02-28T08:32Z

Nja..

Kopierade det du skrev Zcorpan, men det händer inte så mycket.

efter lite letande och testande fick jag dock det att fungera i explorer med följande kod:

\<object width="80" height="24" hspace="0" vspace="0" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"\>
    \<param name="FileName"value="Ljud/tal.mp3" /\>
    \<param name="controller" value="StopButton" /\>
	\<param name="autostart" value="false" /\>
  \</object\> 

Problemet är bara att detta inte alls vill fungera i Firefox... ingenting händer...
Någon som vet hur man ska skriva för att det ska fungera i så många av webbläsarna som möjligt och samtidigt vara kod som går att validera?

Permalänk: https://www.webforum.nu/p/1563706

## #9 — zcorpan, 2005-02-28T10:05Z

Jag tror att firefox släpper hela OBJECT pga CLASSID-attributet...

Jag vet inte, men min kod fungerade för mig i såväl IE som Firefox och Opera.

Du kan ju testa nästla OBJECT såhär: 

```
<object width="80" height="24" hspace="0" vspace="0" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
  <param name="FileName"value="Ljud/tal.mp3" />
  <param name="controller" value="StopButton" />
  <param name="autostart" value="false" />
  <object type="audio/mpeg" data="Ljud/tal.mp3" width="80" height="24" hspace="0" vspace="0">
    <param name="controller" value="StopButton" />
    <param name="autostart" value="false" />
    <p>Ladda hem <a href="Ljud/tal.mp3">Ljud/tal.mp3</a></p>
  </object>
</object>
```

Permalänk: https://www.webforum.nu/p/1563728

## #10 — PepeJeria, 2005-02-28T10:12Z

Denna är en lösning av Ian Hixie, en Opera-anställd, som funkar fint:

```
	<object
		classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
		codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
		width="602"
		height="176">
			<param
				name="movie"
				value="flash/front.swf">
			<param
				name="quality"
				value="high">
			<param
				name="bgcolor"
				value="#FFFFFF">
		<!--[if !IE]> <-->

		<object
			data="flash/front.swf"
			width="602"
			height="176"
			type="application/x-shockwave-flash">
				<param
					name="quality"
					value="high">
				<param
					name="bgcolor"
					value="#FFFFFF">
				<param
					name="pluginurl"
					value="http://www.macromedia.com/go/getflashplayer">
	    </object>
	    <!--> <![endif]-->
	</object>
```

Denna är för en flash dock, men det är bara ändra här och där för att spela en mp3 fil

Permalänk: https://www.webforum.nu/p/1563731

## #11 — icaaq, 2005-02-28T10:54Z

> **PepeJeria skrev:**
>
> Denna är en lösning av Ian Hixie, en Opera-anställd, som funkar fint:
>
>
> ```
> 	<object
> 		classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> 		codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
> 		width="602"
> 		height="176">
> 			<param
> 				name="movie"
> 				value="flash/front.swf">
> 			<param
> 				name="quality"
> 				value="high">
> 			<param
> 				name="bgcolor"
> 				value="#FFFFFF">
> 		<!--[if !IE]> <-->
> 
> 		<object
> 			data="flash/front.swf"
> 			width="602"
> 			height="176"
> 			type="application/x-shockwave-flash">
> 				<param
> 					name="quality"
> 					value="high">
> 				<param
> 					name="bgcolor"
> 					value="#FFFFFF">
> 				<param
> 					name="pluginurl"
> 					value="http://www.macromedia.com/go/getflashplayer">
> 	    </object>
> 	    <!--> <![endif]-->
> 	</object>
> ```
>
> 
> 
> Denna är för en flash dock, men det är bara ändra här och där för att spela en mp3 fil

Fungerar denna även för mp3? som adde´s  fråga handlade om?

mv icaaq

/red. Läste inte hela PepeJeria´s inlägg :r så strunta i detta inlägg :D

mv icaaq

Permalänk: https://www.webforum.nu/p/1563748

## #12 — zcorpan, 2005-02-28T21:49Z

Det här kanske kan ge några idéer: <http://www.juicystudio.com/object-paranoia.asp> :)

Permalänk: https://www.webforum.nu/p/1564012

## #13 — Cheguelin, 2005-03-01T08:44Z

Själv är jag inne på denna lösningen:

```
<p>Ladda hem min störiga <a href="olle.mp3">mp3-låt</a>.
```

När jag och många andra (de flesta kanske) sitter vid datorn lyssnar jag på musik, och det finns inget störigare än att komma till en flashsida med värdelös musik.

Permalänk: https://www.webforum.nu/p/1564069

## #14 — PepeJeria, 2005-03-01T10:53Z

Håller med Cheguelin. Man ska inte tvinga på någon musik när man besöker en sida. Om man nu vill lyssna så kan man klicka på en länk istället

Permalänk: https://www.webforum.nu/p/1564125

## #15 — adde, 2005-03-01T12:06Z

Tack zcorpan

Koden som tillslut fungerade i både explorer och ff samt blev validerad av w3c ser ut som följer:

\<object id="IEQT" width="80" height="24" hspace="0" vspace="0" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"\>
\<param name="FileName"value="Ljud/tal2.mp3" /\>
\<param name="controller" value="StopButton" /\>
\<param name="autostart" value="false" /\>

  \<!--\[if !IE\]\> \<--\>

    \<object id="NonIEQT"
            data="ljud/tal2.mp3"
            type="audio/mpeg"
            width="80"
            height="24"\>
       \<param name="autoplay" value="-1"/\>
       \<param name="controller" value="-1"/\>
    \</object\>

  \<!--\> \<!\[endif\]--\>
\</object\>

Permalänk: https://www.webforum.nu/p/1564147

---

Tråden på webben: https://www.webforum.nu/amne/html-css/123264-mp3-uppspelning-i-xhtml
