Vanwege onderhoudswerkzaamheden die uw ervaring zouden moeten verbeteren, heeft deze website beperkte functionaliteit. Als een artikel uw probleem niet verhelpt en u een vraag wilt stellen, kan onze ondersteuningsgemeenschap u helpen in @FirefoxSupport op Twitter en /r/firefox op Reddit.

Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

How to get Audio html5 tag to work in Firefox

  • 3 antwoorden
  • 1 heeft dit probleem
  • 3 weergaven
  • Laatste antwoord van cor-el

Misterjabot
Misterjabot
more options

Hi guys, I'm having a really annoying problem, in which HTML5 audio tags either do not work at all in Firefox; they have a huge delay before playing, or they play (but with many errors and inconsistencies).

I'm using Firefox 35.0

I'm using ONLY .ogg files

Here is an example of my code: 

<audio autoplay="autoplay" controls="controls" id="audio" style="display:none;">
 <source src="Music.ogg"
         type='audio/ogg'>
</audio>

<script>
  myAudio=document.getElementById('audio');
  myAudio.addEventListener('canplaythrough', function() {
    this.currentTime = 1;
    this.play();
  });
</script>

The code is working on both Internet Explorer and Chrome.

When I remove the display:none attribute, the audio player is visible.

Hi guys, I'm having a really annoying problem, in which HTML5 audio tags either do not work at all in Firefox; they have a huge delay before playing, or they play (but with many errors and inconsistencies). I'm using Firefox 35.0 I'm using ONLY .ogg files Here is an example of my code: <pre><nowiki><audio autoplay="autoplay" controls="controls" id="audio" style="display:none;"> <source src="Music.ogg" type='audio/ogg'> </audio> <script> myAudio=document.getElementById('audio'); myAudio.addEventListener('canplaythrough', function() { this.currentTime = 1; this.play(); }); </script></nowiki></pre> The code is working on both Internet Explorer and Chrome. When I remove the display:none attribute, the audio player is visible.

Bewerkt door cor-el op

Alle antwoorden (3)

FredMcD
FredMcD
more options

I've called the big guys to help you. Good luck.

Misterjabot
Misterjabot Vraageigenaar
more options

Hi there, I appreciate the response. Fortunately, I just figured out what the cause of the problem was!

For some reason, the Javascript I was using broke the sound in Firefox. Without the script part, the sound works fine.

This creates a couple of new functionality problems, but they don't have anything to do with Firefox.

Thanks for helping me, hopefully I'll be able to find some way to keep the functionality but have it work in FF.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You can also try to set the width:0px and height:0px and instead of using display:none