zoukankan      html  css  js  c++  java
  • 博客园如何嵌入网易云音乐播放器

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

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

    1558864098351

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

    当你兴冲冲复制html代码到你的博客园,发现是不生效的,因为博客园是不支持 iframe 标签的。所以,你需要动动你的小脑筋。

    我的思路是,对iframe关键字进行Unicode加密,然后使用Js的unescape方法进行解密,字符串拼接一下即可。完整代码如下:

    <script type="text/javascript">
    var s = unescape("u0069u0066u0072u0061u006du0065");
    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)所有,若是转载请务必保留本段原创声明,违者必究。若是文章有不足之处,欢迎关注微信公众号私信与我进行交流!】

  • 相关阅读:
    创建百度地图实例
    IntelliJ IDEA使用(1)——IDEA配置JDK
    IntelliJ IDEA使用(2)——IDEA配置Tomcat
    怎样使用 GitHub?
    IntelliJ IDEA使用(3)——IDEA连接Git
    AS3.0杂记——Dictionary、Object与Array
    AIR文件操作:使用文件对象操作文件和目录 .
    As3.0 TextField
    关于乘机
    Html 嵌入 swf
  • 原文地址:https://www.cnblogs.com/onblog/p/13035447.html
Copyright © 2011-2022 走看看