在动力场景中，可以自由引用全场背景音乐。 但是，在一些特殊场合，比如要做一个音乐相册，如何自由定义相应音乐？

本文由Zoomla!逐浪CMS官方发行，提升每一个开发者技能，并提供丰富的帮助信息。

在动力场景中，可以自由引用全场背景音乐。

但是，在一些特殊场合，比如要做一个音乐相册，如何自由定义相应音乐？

其实方法很简单，我们只要采用图文按钮，在“html”模式下粘贴代码就能自由上传、定义音乐：

首先我们选择左上角的添加新组件，

然后选择图文按钮，如下图：

在编辑器录入框中，输入相应代码：

插入视频的方法是：

<video width="300px" height="200px" style="border: 1px solid rgb(154, 199, 254); border-image: none;" src="
https://www.z01.com/The_Sea.mp4
" controls="" poster="
https://www.z01.com/skin/2010/images/mp3.jpg"></video
>

其效果如下：

插入音频的方法是：

<audio src="
https://www.z01.com/The_Sea.mp3
"  controls="controls" autoplay />

其中autoplay是用于自动播放，如果放入此字符，则会自动播放，否则不会自动播放，如下图所示：

而controls是显示播放器按钮，如果不想显示播放器，则放入背景，不显示即可。

如果要插入优酷等第三方视频，则应使用通用代码，进行插入：

<iframe height=498 width=510 src='http://player.youku.com/embed/XNzEzNTkyMTAw' frameborder=0 'allowfullscreen'></iframe>

体验预览：http://v.z01.com/h5/1318

*需要注意的是，在HTML代码模式编辑好代码后，要再点此代码，回到可视化编辑，再保存，否则代码不会生效。