HTML5 audio element width always the same in Firefox 56

user2415476

When adding an audio element to a website in earlier Firefox versions you could set the width of the audio element like this:

<audio controls style="width: 500px">
  <source src="x.mp3" type="audio/mpeg">
</audio>

However now this is not possible any longer. No matter if I set 500px or 600px the player always has the same width. This was not a problem in earlier Firefox versions.

Is there something I did wrong or is it a Firefox bug? In Chrome for example everything works.

Kingston Fortune

It's a bug with the new firefox, i just tried out on version 55 it worked and then I upgraded to version 56 and now it doesn't, u may have to wait for them to fix the bug for the time being, or u can send them a bug issue. If any update I'll edit my reply but for now you can consider sticking with other browsers. Edit: I have just sent them a bug report. should be fixed anytime now, be sure to check and update your ff browser.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

JQuery with "audio" element in HTML5

HTML5 Audio, Web Audio API, CORS and Firefox

unable to get height and width of html element for firefox

Audio in videos is not always working in Firefox

Firefox has stopped outputting HTML5 audio

Firefox HTML5 Audio: Media resource could not be decoded (OnMediaSinkAudioError)

html5 audio mp3 not working in firefox

HTML5 audio starts from the wrong position in Firefox

Travis uses Firefox 56 although Firefox 59 is installed on same system

bind 'timeupdate' with jquery on html5 audio element

html5 audio bind timeupdate before element exists

Creating a new directive with AngularJS using HTML5 audio element

Disable right click on html5 audio element

Autoplaying next html5 <audio> when previous element ends

stopPropagation() not working for audio element in Firefox

How to affect minimal width of the HTML5 progress element?

2 audio sounds and I want to play one HTML5 audio element at a time

react element selected is always the same

USB audio adapter causes HTML5 videos in Firefox to fast forward

Width and Height of Element .net MAUI always NaN

Make an element's width the same as another element

CSS width transition choppy in FireFox if element rotated

Why in Chrome and Firefox different element width?

Center aligning an element with firefox and 100% width

Text always ellipsis in a scrolled element in Firefox

Firefox - Always block and use space of a given element

How to pause or stop an HTML5 Audio element from component.ts

How to live-stream raw PCM through HTML5 audio element

How to pass music from a streaming service into HTML5 <audio> element?