嵌入音乐播放器

使用HTML自定义代码版块,可以嵌入音乐播放器哦!我们以网易云音乐和虾米音乐为例一起来看看具体如何操作吧!需要注意的,嵌入代码功能属于专业版/企业版套餐,在试用期间不能使用,需要升级付费后绑定自定义域名才可以使用。

 

网易云音乐

示例:http://appandcode.mysxl.cn/

 

一、获得网易云音乐代码

1. 进入网易云音乐,找到你想要添加的音乐网页,点击“生成外链播放器”。

mceclip0.png

 

若出现以下界面,可能是因为你的电脑使用了代理工具,请关闭你的代理工具,然后刷新页面重新点击。若还是不行则可以跳到二、在上线了网站编辑器。

 

2. 设置音乐播放器生成的尺寸,选择是否自动播放。需要注意的是,如果选择自动播放,即使在网站编辑器里,也会自动播放音乐的,不能暂停。

 

3. 找到HTML代码复制。

mceclip1.png

 

二、在上线了网站编辑器 

1. 复制代码后,进入上线了的网站编辑器,然后在左边面板点击”添加新版块“,在弹出的版块列表里选择”应用商店及 HTML 代码“。

mceclip0.png

 

2. 把鼠标放在“应用商店与 HTML 代码”版块,然后点击编辑:

mceclip1.png

 

3. 在应用程店列表中选择“HTML”。 

4. 把刚才复制的”嵌入代码“粘贴到”自定义 HTML 代码“框里,点击“保存”。 

5. ”上线“使其生效。

 

若无法获得代码,则将以下代码放在框里,然后将ID更改为你选择的音乐ID:

<iframe frameborder="0" border="1" 
marginwidth="0" marginheight="0"
width=250height=62
src="//music.163.com/outchain/player?type=2&id=音乐ID号码&auto=1&height=60">
</iframe>

比如,音乐网址是 https://music.163.com/#/song?id=1424979音乐ID号码就是1424979。

 

 

虾米音乐

部分歌曲在网易云音乐由于版权问题无法生成外链,可以尝试添加虾米音乐播放器。

 

一、获得虾米音乐代码

1.  进入虾米音乐的搜索页面

2. 在搜索框内输入音乐名称,例如 Some One Like You。

3. 在搜索结果的歌曲中选择自己希望添加的歌曲,点击歌曲右侧的【code】按钮生成HTML外链。

 

4. 选择并复制HTML代码。

 

二、在上线了网站编辑器 

1. 复制代码后,进入上线了的网站编辑器,然后在左边面板点击”添加新版块“,在弹出的版块列表里选择”应用商店及 HTML 代码“。

mceclip0.png

 

2. 把鼠标放在“应用商店与 HTML 代码”版块,然后点击编辑:

mceclip1.png

 

3. 在应用程店列表中选择“HTML”。 

4. 把刚才复制的代码粘贴到”自定义 HTML 代码“框里,点击“保存”。 

5. ”上线“使其生效。 

 

需要注意的是:虾米音乐播放器无法设置自动播放,并且在有VPN的浏览器里打开网站也无法播放音乐。



有任何疑问,欢迎联系我们

还有其它问题?提交请求