博客園我的主頁添加音樂插件

 

方式一(浮動在頁面左下角):javascript

音樂外鏈有兩種,一種embed,一種iframe。embed的能夠直接放,可是iframe的博客園是不支持的。html

但這裏能夠曲線實現放iframe:java

頁面定製CSS代碼:spa

* { margin: 0; padding: 0; border: 0; } #div_digg1 { padding: 5px; position: fixed; _position: absolute; z-index: 1000; bottom: 5%; left: 3.5%; _left: 15px; border: 0; }

 

頁腳Html代碼:code

<div id="div_digg1" align="center"><p id="bfq" ></p></div>
<script type="text/javascript">
var iii = document.createElement('iframe'); iii.src = '//music.163.com/outchain/player?type=0&id=102760137&auto=1&height=430'; iii.height = 150; iii.width=280; $("#bfq").after(iii); </script>

 

//要更改音樂就把src代碼改爲音樂連接生成的src便可htm

 

方式二:直接貼外鏈,位置可放頁首、頁腳、側邊公告欄;blog

這裏再附加一種騷操做:若是你想生成外鏈的音樂單曲或歌單因版權緣由沒法生成,解決方法參考:ip

https://www.shknn.com/music-163-gedan.htmlget

 因爲iframe的博客園不支持,因此要把iframe改爲embed,以以下外鏈爲例:iframe

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=110 src="//music.163.com/outchain/player?type=0&id=102760137&auto=1&height=90"></iframe>

將首尾的「iframe」均改成embed,還有首iframe後面的frameborder=「no」也要刪去,改好後的代碼以下:

<embed border="0" marginwidth="0" marginheight="0" width=280 height=110 src="//music.163.com/outchain/player?type=0&id=102760137&auto=1&height=90"></embed>

 

大功告成!

相關文章
相關標籤/搜索