audio afmeting audiospeler in html5

[jeel2008]

<embed src="song2.mp3" autostart="false" loop="false" width="150" height="50" /><br /><br />

HTML5:<br /><br />

  <audio width="150" height="50" controls="controls">
    <source src="song2.mp3" type="audio/mp3" />
    Your browser does not support the audio element.
  </audio>

dit zijn twee voorbeelden van het plaatsen van zo'n audiospelertje in een website.
de bovenste is gewoon de ouderwetse manier, de onderste is html5.
maar de afmetingen reageren niet bij de laatste.
dat ding wordt dus helemaal geen 150 breed , maar houdt zn standaarafmeting. iemand een idee hoe je dat instelt in html5?

dit werkt trouwens wel: style="width:150px;"
maar dan hou je in IE wel weer een vreemd plaatje over: geen schuifbalk , alleen play en pauzeknop.
zie image muziek2.jpg

in firefox krijg je alleen een grijs vierkant terug, maar dat kan zijn omdat ik firefox 8.0 heb.
zie firefox.jpg

 

[larsojo]

Maar je kan toch via

style="«Groter dan 150 px»"

doen?

 

[jeel2008]

hallo larsojo
ja, dat heb ik ook geschreven: dit werkt trouwens wel: style="width:150px;"
maar dan hou je dus geen 'schuiver' meer over maar krijg je alleen een playknop in retour.

en dat grijze vlak wat ik in firefox terugkrijg, snap ik niet veel van. want als deze browser m niet zou supporten, zou ik de boodschap:
Your browser does not support the audio element.
moeten krijgen. maar niet dus.
wat ik wel zie in firefox, dat ik in een flits de audiospeler zie, heel even, maar dan wordt het een grijs vlak waar je niets mee kunt.

 

[larsojo]

Maar als ik mag vragen: Waarom wil je dat per sé in HTML 5 hebben?

(gwn een vraag)

 

[jeel2008]

ik wil html5 (ooit) leren

 

[larsojo]

Maar heel veel verschil is er niet ik maak tientallen sites en ik gebruik gewoon de normale html kennis die ik heb een beetje door elkaar en als ik iets niet weet dan ga ik naar www.handleidinghtml.nl