Verander parameter value

[The Lion93]

Hallo,

Ik heb een mediaspelertje op mijn site geplaatst d.m.v. deze code:

<object type="application/x-mplayer2" name="MediaPlayer" height="100" width="320">
	<param name="src" value="music/playlist.m3u">
	<param name="autostart" value="false">
	<param name="transparentstart" value="1">
	<param name="controller" value="true">
</object>

nu wil ik dat als er op een link geklikt wordt dat dan de value van de parameter src aangepast wordt.

Ik had deze code maar die werkt niet:

<a href="#" onclick="document.MediaPlayer.src.value='music/01 My Name Is.mp3';">My Name Is</a>

Hoe kan ik deze wel laten werken?

 

[That Guy]

Er is niet echt een standaard code voor embed's (of objects) om goed te werken qua resource loading (andere mp3 dus). Wat wel werkt is opnieuw een geheel object echo'en:[JS]function out(url)
{
var loc = document.getElementById('media');

loc.innerHTML = '<object type="application/x-mplayer2" name="MediaPlayer" height="100" width="320">
<param name="src" value="' + url + '">
<param name="autostart" value="false">
<param name="transparentstart" value="1">
<param name="controller" value="true">
</object>';
}[/JS]

<a href='#' onclick='out("locatie/bestand.ext");'>klik</a>

<div id='media'></div>

 

[The Lion93]

Uhm, das een beetje jammer. Maar het is wel mogelijk om rechtstreeks in een object tag de waarde van src te veranderen (maar dit levert geen valide HTML code op). Waarom dan niet in een param tag?

 

[That Guy]

Omdat het een object/embed is. Dit is eigenlijk een klein 'scherm' in je browser welke een applicatie is, bijvoorbeeld Windows Media Player.

Wat je eventueel zou kunnen proberen:
[JS]function wissel(url)
{
var p = document.createElement('param');

p.setAttribute('name', 'src');
p.setAttribute('value', url);

document.getElementsByName('MediaPlayer')[0].appendChild(p);
}[/JS]

 

[The Lion93]

Maar ik gebruikte eerst deze code en daarmee werkte het nummer veranderen opzich wel!

<OBJECT id="VIDEO" width="320" height="240" 
	style="position:absolute; left:0;top:0;"
	CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
	type="application/x-oleobject">
	
	<PARAM NAME="URL" VALUE="your file or url">
	<PARAM NAME="SendPlayStateChangeEvents" VALUE="True">
	<PARAM NAME="AutoStart" VALUE="True">
	<PARAM name="uiMode" value="none">
	<PARAM name="PlayCount" value="9999">
</OBJECT>

[JS]document.getElementById('VIDEO').URL="filename";[/JS]
Alleen dat werkt niet in Internet Explorer én Firefox

Dit moet toch ook kunnen met de nieuwe code?