Source in W3C-konformem mp3-Player austauschen

[Frank123]

Das Austauschen ist generell möglich. Wenn man das allerdings im IE probiert wird man schnell feststellen das der nicht so einfach mit macht.

Grundsätzlich erstmal ID's vergeben (die sind eindeutig).

<div><object id="playerObj" name="mp3player" "type="application/x-shockwave-flash" data="emff_wooden.swf?src=example.mp3&amp;autostart=yes" width="120" height="60">  
 <param name="movie" value="emff_wooden.swf?src=example.mp3&amp;autostart=yes">  
 <param name="quality" value="high">  
 <param name="bgcolor" value="#ff8000">  
</object></div>

Um jetzt den das Ding mit neuen Parameter zu starten muss folgendes gemacht werden:

  
function changeMP3(mp3name)  
{  
	var pO = document.getElementById("playerObj");  
	var newpO = '<object id="playerObj" name="mp3player" "type="application/x-shockwave-flash"';  
	newpO += 'data="emff_wooden.swf?src=' + mp3name + '&amp;autostart=yes" width="120" height="60">';  
	newpO += '<param id="playerParamMovie" name="movie" value="emff_wooden.swf?src=' + mp3name;  
	newpO += '&amp;autostart=yes">';  
	newpO += '<param name="quality" value="high">';  
	newpO += '<param name="bgcolor" value="#ff8000">';  
	newpO += '</object>';  
  
	pO.parentNode.innerHTML = newpO;  
}  

Das ist die einzige Lösung die ich gefunden habe. Wichtig ist, dass das OBJECT alleine in dem DIV-Tag steht, da der Rest sonst überschrieben wird.

Gruß

Frank