[HTML/Javascript] custom mediaplayer buttons

[robg1984]

op ene website van mij wil ik een video laten zien.
het weergeven werkt goed, ik probeer alleen mijn eigen 'controls' erbij te zetten.

Ik heb geprobeerd als type=button en dan werkt het in IE.
Doe ik type=image dan herlaad hij de film bij elke knop:

Image-knoppen (herlaad de film):

code:

<FORM NAME="myButtons">
<INPUT NAME="btnPlay" TYPE="image" value="Play" src="images/knop_07.jpg" onclick="document.MediaPlayer1.Play();">
<INPUT NAME="btnPause" TYPE="image" value="Pause" src="images/knop_09.jpg" onclick="document.MediaPlayer1.Pause();">
<INPUT NAME="btnStop" TYPE="image" value="Stop" src="images/knop_11.jpg" onclick="document.MediaPlayer1.Stop();">
</FORM>

Button-knoppen (werkt wel)

code:

<FORM NAME="myButtons">
<INPUT NAME="btnPlay" TYPE="button" value="Play" src="images/knop_07.jpg" onclick="document.MediaPlayer1.Play();">
<INPUT NAME="btnPause" TYPE="button" value="Pause" src="images/knop_09.jpg" onclick="document.MediaPlayer1.Pause();">
<INPUT NAME="btnStop" TYPE="button" value="Stop" src="images/knop_11.jpg" onclick="document.MediaPlayer1.Stop();">
</FORM>

Wie weet hoe dit komt? Op het forum vind ik er niks over?
Ook is er een probleem dat de knoppen, of hte nou button is of image, niet werkt in Firefox, iemand een oplossing?

Hiermee wordt de video weergegeven:

code:

<object 
      classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' 
      codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701' 
      type='application/x-oleobject' width="248" height="186" align="middle"
      standby='Loading Microsoft Windows Media Player components...' id='MediaPlayer1'>
          <param name='fileName' value="video/vraag10.wmv">
          <param name='animationatStart' value='true'>
          <param name='transparentatStart' value='false'>
          <param name='autoStart' value="true">
          <param name='showControls' value="false">
          <param name='loop' value="false">
          <embed
        src="video/vraag10.wmv" 
        width="248" height="186" autostart="true" loop="false" align="middle" type='application/x-mplayer2'
        pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
        id='MediaPlayer1' name='MediaPlayer1' displaysize='4' autosize='0' 
        bgcolor='darkblue' showcontrols="0" showtracker='0' 
        showdisplay='0' showstatusbar='0' videoborder3d='0' designtimesp='5311'> 
          </embed> 
</object>

[Verwijderd]

En werkt normale image ook niet ?

code:

<a href="#" onclick="document.MediaPlayer1.Play();">[img]"plaatje.jpg"[/img]</a>

plaatje als button, word dat niet behandeld als een submit button ? (= herladen van je hele pagina)

[robg1984]

toevallig was ik daar net mee bezig:

code:

[img]"images/knop_07.jpg"[/img] 
[img]"images/knop_09.jpg"[/img] 
[img]"images/knop_11.jpg"[/img]

dit werkt, nu is het enige probleem nog dat dit voor Firefox niet werkt.

[Skaah]

document.getElementById('elementId'); document.name.property werkt dus niet.

[ Voor 50% gewijzigd door Skaah op 26-09-2005 23:10 ]

[robg1984]

code:

[img]"images/knop_07.jpg"[/img] 
[img]"images/knop_09.jpg"[/img] 
[img]"images/knop_11.jpg"[/img]

helaas, ook deze code werkt wel in IE, niet in FF

[Vinnienerd]

Misschien werkt het niet omdat je een ActiveX-control gebruikt?

[pistole]

Vinnienerd schreef op dinsdag 27 september 2005 @ 01:09:
Misschien werkt het niet omdat je een ActiveX-control gebruikt?

Inderdaad. Je zou daarvoor de GeckoActiveX plugin moeten kunnen gebruiken...

[ Voor 3% gewijzigd door pistole op 27-09-2005 01:17 ]

[robg1984]

hoe ga ik dat dan doen?
ik begrijp via Google dat ik die moet downloaden?

Maar dan werkt het bij andere bezoekers nog niet?