<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>

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.