博客园个人主页添加音乐插件

 

方式一(浮动在页面左下角):

音乐外链有两种,一种embed,一种iframe。embed的可以直接放,但是iframe的博客园是不支持的。

但这里可以曲线实现放iframe:

页面定制CSS代码:

* {
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代码:

<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即可

 

方式二:直接贴外链,位置可放页首、页脚、侧边公告栏;

这里再附加一种骚操作:如果你想生成外链的音乐单曲或歌单因版权原因无法生成,解决方法参考:

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

 由于iframe的博客园不支持,所以要把iframe改成embed,以如下外链为例:

<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>

 

大功告成!

上一篇:PHP:将网站嵌入页面


下一篇:php – WordPress自动嵌入YouTube视频 – 添加过滤器来处理`end`属性