使用HTML自定义代码版块,可以嵌入音乐播放器哦!我们以网易云音乐和虾米音乐为例一起来看看具体如何操作吧!需要注意的,嵌入代码功能属于专业版/企业版套餐,在试用期间不能使用,需要升级付费后绑定自定义域名才可以使用。
网易云音乐
示例:http://appandcode.mysxl.cn/
一、获得网易云音乐代码
1. 进入网易云音乐,找到你想要添加的音乐网页,点击“生成外链播放器”。
若出现以下界面,可能是因为你的电脑使用了代理工具,请关闭你的代理工具,然后刷新页面重新点击。若还是不行则可以跳到二、在上线了网站编辑器。
2. 设置音乐播放器生成的尺寸,选择是否自动播放。需要注意的是,如果选择自动播放,即使在网站编辑器里,也会自动播放音乐的,不能暂停。
3. 找到HTML代码复制。
二、在上线了网站编辑器
1. 复制代码后,进入上线了的网站编辑器,然后在左边面板点击”添加新版块“,在弹出的版块列表里选择”应用商店及 HTML 代码“。
2. 把鼠标放在“应用商店与 HTML 代码”版块,然后点击编辑:
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 代码“。
2. 把鼠标放在“应用商店与 HTML 代码”版块,然后点击编辑:
3. 在应用程店列表中选择“HTML”。
4. 把刚才复制的代码粘贴到”自定义 HTML 代码“框里,点击“保存”。
5. ”上线“使其生效。
需要注意的是:虾米音乐播放器无法设置自动播放,并且在有VPN的浏览器里打开网站也无法播放音乐。