オーディオタグはクロームでは動作しますが、Firefoxでは動作しません

Question

このコードはChromeで正常に動作しますが、Firefoxでは音声は生成されません。私はfile：//で、http：//ではテストしていません。私は、playSound関数にアラートを置き、オーディオパラメータを渡しました。それは必要なように、すべてのボタンのオーディオdiv idを返しました。私はこの時点で困惑しており、どんな提案もすばらしいだろう。

<li id="siren" class="app_button"> 
    <img src="img/siren.png" alt="" 
    name="siren_pressed" width="102" height="102" 
    onmousedown="press('siren_pressed')" 
    onmouseup="release('siren_pressed'), playSound('siren_audio')"> 
    <audio id="siren_audio"> 
    <source src="audio/siren.ogg" type="audio/ogg"> 
    <source src="audio/siren.mp3" type="audio/mpeg"> 
    </audio> 
</li> 

    /* Javascript is in a seperate folder */ 

    function playSound(audio) 
    { 
    var sound = document.getElementById(audio); 
    sound.play(); 
    } 

Answer 1

解決済み！ .oggファイルでした。私はもともと、コマンドラインでffmpegを使ってmp3からoggに変換しました。ブラウザで独自のオーディオをテストすると、chromeとfirefoxの両方でoggに関する問題が示されました。別のサウンドコンバータをダウンロードしてもう一度試しました。今回は、両方のブラウザでoggファイルが問題なく再生されます。正しい方向に私を指してくれてありがとう@Golmaal。