Home/ Questions/Q 6678245
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T04:13:10+00:00

The site is up at: http://ajf.me/stuff/eva at the time of writing. The source code

  • 0

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?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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)

    • 0