Javascript "закончилась" функция работает беспорядочно

Question

Установить простой код для аудио плейлиста из двух mp3 и протестировать в JSFiddle... похоже, работает, но при загрузке воспроизводит только первый клип в Chrome и Safari и вообще ничего не воспроизводит в Opera и Firefox. Я использую как mp3, так и ogg, так что, может быть, речь идет о моей "законченной" функции...? "закончен" не означает "загружен", верно? Помогите!, кто-нибудь...?

JS:

var chant = document.getElementById("music");
chant.addEventListener("ended", function() {
chant2 = document.getElementById("music2");
chant2.play();
});

HTML:

<audio id="music" autoplay="autoplay"><br>
<source src="http://www.siddhicenter.org/media/GANAPATIVEDCSTUTI.ogg" type="audio/ogg" /><br>
<source src="http://www.siddhicenter.org/media/GANAPATIVEDCSTUTI.mp3" type="audio/mpeg" /><br>
Your browser does not support the audio element.<br>
</audio>
<audio id="music2" loop="loop" ><br>
<source src="http://www.siddhicenter.org/media/OmNamahShivaya.ogg" type="audio/ogg" /><br>
<source src="http://www.siddhicenter.org/media/OmNamahShivaya.mp3" type="audio/mpeg" /><br>
Your browser does not support the audio element.<br>
</audio>

Заранее спасибо...

Answer 1

Я думаю, вы находитесь в хосте Windows.

добавьте web.config в ваш корневой каталог. добавить добавить код FF:

<configuration>
 <system.webServer>
   <staticContent>
   <remove fileExtension=".ogg" />
     <mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
   </staticContent>
 </system.webServer>
</configuration>

Если у вас уже есть тег конфигурации

вставить фф:

<staticContent>
   <remove fileExtension=".ogg" />
 <mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
</staticContent>

под вашим тегом system.webServer.

например:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="wordpress" patternSyntax="Wildcard">
            <match url="*"/>
                <conditions>
                    <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true"/>
                    <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true"/>
                </conditions>
            <action type="Rewrite" url="index.php"/>
        </rule></rules>
    </rewrite>
<staticContent>
   <remove fileExtension=".ogg" />
 <mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
   </staticContent>
  </system.webServer>  
</configuration>