HTML：音頻標籤顯示視頻在Internet Explorer

我有這樣的代碼嵌入在Internet Explorer上的音頻文件11HTML：音頻標籤顯示視頻在Internet Explorer

<audio controls> 
     <source src="Nature.mp3" type="audio/mpeg"/> 
     <embed src="Nature.mp3" type="audio/mpeg"> 
    </audio>

音頻工作正常，但Internet Explorer的11具備上述的音頻黑盒子。我假設它代表從音頻文件加載的視頻，但我沒有放入視頻。我只需要沒有視頻盒的音頻。我怎麼做？

當我運行這個使用IE 11時，我看到了黑盒子，但它在音頻控制器後面，我無法看到音頻上方的黑框。這是w3中的示例https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_audio這是你所看到的嗎？ – DHLopez

@DHLopez我看到了，但我不知道如何複製 –

這很難說，我腦海中出現的幾個選項是按F12並驗證控制檯選項卡沒有顯示任何錯誤，請轉到網絡，單擊播放並刷新頁面（只是爲了確認IE沒有問題來加載文件），最後驗證是不是一些CSS或安排的問題，使它看起來很奇怪只有在IE瀏覽器，標籤看起來對我來說（除了有 – DHLopez

<meta http-equiv="X-UA-Compatible" content="IE=edge">.

在head標記中使用此代碼。基本上這meta標記告訴瀏覽器在Internet Explorer中呈現媒體的最新版本。 This question很有幫助。

2017-09-15 16:53:34

這是修復：

<meta http-equiv="X-UA-Compatible" content="IE=edge">.

我不知道爲什麼它的工作原理，但它確實。它也不在W3School的例子中。

2017-09-14 16:22:27

將此解決方案添加到此答案中，以便將來的人員可能會看到它，很好的接收！ – DHLopez

@DHLopez我添加了答案。我格式化它的方式沒有註冊。 –

''標記不需要或使用結束斜線。 – Rob

回答