html - 创建html5音频并播放不起作用

我想动态创建一个html5音频并播放，这是代码:

 function playAnotherMusic(playUrl){
                var audioElement = document.createElement('audio');
                audioElement.setAttribute('src', playUrl);
                audioElement.setAttribute('controls', true);
                audioElement.setAttribute('preload', true);
                audioElement.setAttribute('type', 'audio/mpeg');


                audioElement.addEventListener("load", function() {
                audioElement.play();
                }, true);

                console.log(playUrl);
                audioElement.load();

  }

但是它不起作用， Firebug 帮我“HTTP "Content-Type" of "audio/mpeg" is not supported.”

我怎么解决这个问题？

最佳答案

您需要将音频元素附加到现有元素。
这就像

document.getElementById("my_audio_div").appendChild(audioElement);

从概念上来说，应该在添加事件侦听器之前，但是在设置所有属性之后，完成此操作

也可以尝试使用audio/mp3代替:
audioElement.setAttribute('type'，'audio / mp3');