本文编辑:小秋同学

怎样增加文章页或者单页音乐播放教程【eyoucms技巧】教程

小秋同学 07-04 10:17:43 网站教程
摘要: 首先打开易优后台  高级选项---频道管理在你需要要 添加的模型里面 添加自定义标签:比如添加:背景音乐  见图:然后复制下标签:{$eyou.field.mpsa}将以下代码复制到文章内容页  内容摘要: 首先打开易优后台  高级选项---频道管理在你需要要 添加的模型里面 添加自定义标签:比如添加:背景音乐  见图:然后复制下标签:{$eyou.field.mpsa}将以下代码复制到文章内容页  内容

首先打开易优后台  高级选项---频道管理


在你需要要 添加的模型里面 添加自定义标签:

怎样增加文章页或者单页音乐播放教程【eyoucms技巧】教程(图1)


比如添加:背景音乐  见图:

怎样增加文章页或者单页音乐播放教程【eyoucms技巧】教程(图2)


然后复制下标签:

怎样增加文章页或者单页音乐播放教程【eyoucms技巧】教程(图3)

{$eyou.field.mpsa}


将以下代码复制到文章内容页  内容的底部:

{eyou:empty name='$eyou.field.mpsa' /}

{eyou:else/}

<div class="">

 <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=86 src="{$eyou.field.mpsa}"></iframe>

  </div>{/eyou:empty}  


说明 有音乐数据的时候显示 没有则不显示  样式 自己填空

效果

https://www.qiuhai.com/relaxing/594.html


以下是调用网易音乐的方法  :



表现形式一:单曲播放

调用代码:


<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=86 src="https://music.163.com/outchain/player?type=2&id=27571483&auto=1&height=66"></iframe>

1

参数说明:


效果图

怎样增加文章页或者单页音乐播放教程【eyoucms技巧】教程(图4)

播放器可修改参数:

width=100% #自适应宽度

height=86 #根据自己喜好修改

id=299757 #为歌曲的ID http://music.163.com/#/song?id=27571483

auto=0 #0为不自动播放,1为自动播放

表现形式二:列表播放


代码


<iframe src="http://music.163.com/outchain/player?type=0&amp;id=34238509&amp;auto=0&amp;height=430" width="100%" height="450" frameborder="no" marginwidth="0" marginheight="0"></iframe> 

1

参数说明


播放器可修改参数:

width=100% #自适应宽度

height=450 #根据自己喜好修改

id=34238509 #为歌曲列表页的ID ,例如:http://music.163.com/#/playlist?id=34238509

auto=0 #0为不自动播放,1为自动播放

效果图

怎样增加文章页或者单页音乐播放教程【eyoucms技巧】教程(图5)



补充一下:怎么获取单曲播放的ID。

打开你本地的网易云音乐播放器,点开喜欢的歌曲单曲页面。

怎样增加文章页或者单页音乐播放教程【eyoucms技巧】教程(图6)

然后把复制的地址随便粘贴到哪里。就可以看到里面的ID,复制出来就好了



歌曲列表ID获取方式:跟上面差不多。

怎样增加文章页或者单页音乐播放教程【eyoucms技巧】教程(图7)


复制链接以后,就知道了,我不说了,赶紧去试试


文章版权及转载声明:

编辑:小秋同学本文地址:https://www.qiuhai.com/study/595.html发布于 07-04 10:17:43
文章转载或复制请以超链接形式并注明出处学习吧_一个不错的学习网站
本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享
加入收藏

发表评论
加载中~