跨瀏覽器音頻問題

Question

我正在尋找一個可以自動播放某些聲音的音頻播放器，然后通過控制面板進行控制。 我正在嘗試使其在所有瀏覽器上都能正常工作，但令人頭疼。 任何幫助將不勝感激。 將會有多種聲音，所有聲音都可以通過一組加號和減號來更改，以控制音量，所有聲音均從負載開始，並且循環播放。 再次，對實現跨瀏覽器/設備兼容性的任何幫助將不勝感激。

 <audio id="player" src="assets/forest_ambience_loop.mp3", "assets/forest_ambience_loop.ogg" autoplay loop;>

    </audio>
    <div>
     <button
     onclick="document.getElementById('player').play()">
     Play
     </button>
     <button
     onclick="document.getElementById('player').pause()">
     Pause
     </button>
     <button
     onclick="document.getElementById('player').volume += 0.1">
     Volume Up
     </button>
     <button
     onclick="document.getElementById('player').volume -= 0.1">
     Volume Down
     </button>
    </div>

Answer 1

<audio>標簽不正確。 嘗試這個，

<audio id="player" controls autoplay loop>
  <source src="assets/forest_ambience_loop.mp3" type="audio/mpeg">
  <source src="assets/forest_ambience_loop.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>

這是工作示例http://jsfiddle.net/bgCTJ/2/