最近做一個音視頻播放器，考慮對IE11的兼容性，視頻播放器改為引用video.js來處理。音頻播放器在網(wǎng)上搜索后更扁，準(zhǔn)備使用原生的audio+suorce標(biāo)簽來處理盖腕。
如下：
<audio
controls='true'
controlsList='nodownload'
preload='auto'
>
<source
type='audio/mpeg'
src={image}
>
</audio>
controls='true' controlsList='nodownload' 這兩個屬性是展示音頻播放器得到操作按鈕赫冬，但是禁止下載浓镜，可根據(jù)自己項目情況調(diào)整。
preload='auto' 這里有個坑劲厌，如果不添加膛薛，在谷歌音頻播放正常，但是在IE音頻播放到一半突然停止补鼻，再點擊播放并不執(zhí)行哄啄。并且這個問題只有在線上，加載外部鏈接后才會重現(xiàn)风范，如果是本地資源不會復(fù)現(xiàn)這種情況Ｗ傻！考慮是頁面加載音頻出現(xiàn)的問題硼婿，所以嘗試加了這個屬性锌半，一下就好了~ 所以在IE出現(xiàn)此類情況的，一定要加上這個屬性翱苈？场！
type='audio/mpeg' 兼容性的重中之重州胳！此前audio根本不顯示樣式记焊，加上這個音頻格式屬性基本可以在IE11使用了，除了上面說的音頻加載的問題栓撞。
PS:
- IE11的默認(rèn)樣式差異和谷歌的較大遍膜，記得處理。
- 之前使用了embed標(biāo)簽處理兼容性瓤湘，確實在IE11播放效果很好捌归，但是！岭粤！這個標(biāo)簽在頁面組件銷后仍在后臺播放惜索，處理停止播放又很難，具坑...慎用剃浇。
