博客园如何嵌入网易云音乐播放器

38次阅读

共计 780 个字符，预计需要花费 2 分钟才能阅读完成。

【本文版权归微信公众号 ” 代码艺术 ”（ID：onblog）所有，若是转载请务必保留本段原创声明，违者必究。若是文章有不足之处，欢迎关注微信公众号私信与我进行交流！】

今天突然想在自己的博客上插入一首背景音乐，各大音乐厂商都有外链提供，比如网易云音乐，在歌曲的网页版就可以找到外链生成的按钮，如图所示：

点击生成外链，跳转到下面的页面

当你兴冲冲复制 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&amp;id=516657051&amp;auto=1&amp;height=32"class="music"style="z-index: 0;right: 0PX;display: block;bottom: 60px;position: fixed;"></'+s+'>';
$("body").append(f); // 网易云音乐
</script>

至于效果，看我的博客就好了。

【本文版权归微信公众号 ” 代码艺术 ”（ID：onblog）所有，若是转载请务必保留本段原创声明，违者必究。若是文章有不足之处，欢迎关注微信公众号私信与我进行交流！】

正文完