<link ref="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<style>
</style>
<embed id="musicplayer" src="V.A. - Last Fortune - Short Ver -.mp3" hidden = "true" autostart="true"  loop="true">

　　以上願意是設置一個隱藏的背景音樂，但是發現無法實現，隱藏的音頻並沒有播放。

這是因為boostrap.min.css中有一下代碼:

[hidden],template{
   display:none;  
}

　　embed標簽被設置為display:none;就相當於從頁面中被移除了，所以就沒有播放。

解決方法：

1.將標簽中的hidden屬性去掉，將mebed的寬高設置為0

2.使用audio標簽或者bgsound標簽代替。

註意：不能用visibility:hidden代替height:0;width:0;因為它仍然占有空間。

embed標簽隱藏與bootstrap的沖突解決