给文章中添加网易云音乐播放器

拼接嵌入外链添加网易云播放器。

想给NexT主题的页面添加音乐播放器,看到了刘靖的这篇博文,心想终于能边装逼边听歌了,然而却发现不能生成外链了。

生成代码

这就很尴尬了,那就自己生成吧。。找到了已经添加成功的一个模板代码:

1
<embed src="http://music.163.com/style/swf/widget.swf?sid=XXXXXXX&type=0&auto=1&width=380&height=430" width="400" height="450" allowNetworking="all"></embed>

sid后面的数字应该就是歌单的编号了,接着来看看如何获取这个id。

auto值为1时启用自动播放,为0时禁用。

获得ID

很简单,让我们打开网易云音乐的客户端,在想要添加的歌单上点右键,选择复制链接:

粘贴出来这个链接是这样的(就是Web版的链接):

1
http://music.163.com/#/m/playlist?id=136534640

添加播放器

好了,把模板代码中的sid值改成这个id对应的136534640就行了,然后将代码放入文章中即可,我放在了关于页面中,效果如下图:

可以自己随意修改尺寸,不过注意要同时修改播放器本身的width与height(src属性中的)和嵌入组件的width与height(embed中的),后者比前者稍大些。

文章目录
  1. 1. 生成代码
  2. 2. 获得ID
  3. 3. 添加播放器
|