Media player besturen met javascript

[flbos]

Via Google kwam ik het volgende voorbeeld tegen:
http://www.mioplanet.com/rsc/embed_mediaplayer.htm

Hier wordt gesuggereerd dat je via Javascript een bepaald bestand in een media player object kunt laden. Dus als het object id="VIDEO" heeft dan zou je met:
VIDEO.URL="test.mpg";

test.mpg laden en beginnen af te spelen. Als ik dit echter doe dan wordt de film test.mpg niet geladen, maar wordt er naar een blanco pagina gegaan waar dan alleen de tekst "test.mpg" komt te staan

Iemand een idee of ik iets verkeerd doe of weet hoe ik dit wel werkend kan krijgen?

Ik maak een pagina met video previews, door op een foto te klikken moet er een andere preview getoond worden in het media player object. De op de link bovenaan dit bericht gegeven oplossing zou dus perfect zijn, maar dan moet het natuurlijk wel werken

 

[JeroenE]

Probeer het volgende eens.
Het is iets wat zomaar in mij opkomt omdat je de "src" van afbeeldingen zo kan veranderen :
(staat als php, maar is geen php)

document.getElementById("VIDEO").url = "test.mpg"

of

document.getElementById("VIDEO").src = "test.mpg"

Greetz : Jeren.

 

[flbos]

Berankt voor je reactie Jeroen. Ik heb het beide geprobeerd, maar het resultaat blijft hetzelfde als dat ik eerder beschreef

 

[JeroenE]

Ik zal het vanavond eens nader bekijken.

Greetz : Jeren.

 

[flbos]

Da's heel fijn Jeroen, ik hoor graag je bevindingen!

bedankt en groeten

 

[JeroenE]

Ik heb een eenvoudig scriptje geschreven die doet wat je wilt.
--> voorbeeld <--

Dit komt in de head van je document :

<script language="javascript">
<!--
function loadMovie(my_movie) {
document.getElementById("myMovie").innerHTML = "<embed src='movies/" + my_movie + ".wmv' autoplay='true'></embed>";
};
-->
</script>

De wmv verander je in de extentie van je filmpjes. Met dit script moeten die wel allemaal dezelfde extentie hebben.
Wil je meerdere extenties, dan pas ik het wel nog wat aan.

Het volgende heb ik gebruikt in de body van het document :

<table width="100%">
<tr><td align="center"><img src="jouwmap/jouwfoto0.gif" hspace="10" vspace="10" style="cursor:hand" onClick="javascript:loadMovie('busjekomtzo')" alt="Busje komt zo">
<img src="jouwmap/jouwfoto1.gif" hspace="10" vspace="10" style="cursor:hand" onClick="javascript:loadMovie('automaticdoor')" alt="Automatische deur">
<img src="jouwmap/jouwfoto2.gif" hspace="10" vspace="10" style="cursor:hand" onClick="javascript:loadMovie('apenpesten')" alt="Apen pesten">
<img src="jouwmap/jouwfoto3.gif" hspace="10" vspace="10" style="cursor:hand" onClick="javascript:loadMovie('mondaymorning')" alt="Maandagmorgen">
<img src="jouwmap/jouwfoto4.gif" hspace="10" vspace="10" style="cursor:hand" onClick="javascript:loadMovie('fridayafternoon')" alt="Vrijdagnamiddag"></td></tr>
<tr><td><div id="myMovie" align="center">
</div></td></tr>
</table>

Ik hoop dat je dit kunt gebruiken.

Greetz : Jeren.

 

[flbos]

Bedankt Jeroen, zeer bruikbaar! Sorry voor de late reactie, was op vakantie:thumb:

 

[JeroenE]

Graag gedaan hoor. :thumb:
Hopelijk een heeeel goede vakantie gehad.

Greetz : Jeren.

 

[flbos]

Vakantie was top:thumb: Nogmaal bedankt