博客园我的主页添加音乐插件

 

方式一(浮动在页面左下角):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>

 

大功告成!

相关文章
相关标签/搜索