博客园如何嵌入网易云音乐播放器
今天突然想在自己的博客上插入一首背景音乐,各大音乐厂商都有外链提供,比如网易云音乐,在歌曲的网页版就可以找到外链生成的按钮,如图所示:
点击生成外链,跳转到下面的页面
当你兴冲冲复制html代码到你的博客园,发现是不生效的,因为博客园是不支持 iframe 标签的。所以,你需要动动你的小脑筋。
我的思路是,对iframe关键字进行Unicode加密,然后使用Js的unescape方法进行解密,字符串拼接一下即可。完整代码如下:
<script type="text/javascript">
var s = unescape("\u0069\u0066\u0072\u0061\u006d\u0065");
var f = '<'+s+' frameborder="no" border="0" marginwidth="0" marginheight="0" width="280" height="52" src="//music.163.com/outchain/player?type=2&id=516657051&auto=1&height=32" class="music" style="z-index: 0;right: 0PX;display: block;bottom: 60px;position: fixed;"></'+s+'>';
$("body").append(f); //网易云音乐
</script>
至于效果,看我的博客就好了。
版权声明:凡未经本网站书面授权,任何媒体、网站及个人不得转载、复制、重制、改动、展示或使用本网站的局部或全部的内容或服务,或在非本网站所属服务器上建立镜像。如果已转载,请自行删除。同时,我们保留进一步追究相关行为主体的法律责任的权利。我们希望与各媒体合作,签订著作权有偿使用许可合同,故转载方须书面/邮件申请,以待商榷。