Why won't my HTML5 audio loop?

audio, html

Solution

You can just do this

`<audio autoplay loop>`

The attributes do not need to have anything else.

EDIT

According to this, Firefox doesn't like `loop`. It suggests a js solution:

document.getElementById('audio_2').addEventListener('ended', function(){
    this.currentTime = 0;
}, false);

http://forestmist.org/2010/04/html5-audio-loops/

EDIT

HTML5 audio loop now works with firefox. Confirmed in version 26.0 (might have been earlier)

Problem

The site is up at: http://ajf.me/stuff/eva at the time of writing. The source code is this: ``` <!DOCTYPE html> <html style="height: 100%;"> <head> <title>eva</title> </head> <body style="background-color: black; background-image: url('eva.png'); background-repeat: no-repeat; background-position: center center; height: 100%; margin: 0px; padding: 0px;"> <audio autoplay loop> <source src="eva.mp3" type="audio/mpeg" /> <source src="eva.ogg" type="audio/ogg" /> <source src="eva.wav" type="audio/wav" /> </audio> </body> </html> ``` The audio plays fine in Chrome, IE9, and Firefox, but does not loop in the latter. The audio file can't be malformed, as it was produced by Audacity. Is there any other explanation for why it doesn't loop?

Original source

Related problems