在H5场景中插入自定义音频和视频(任意画面)

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

阅读全文

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

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


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


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

a.jpg

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

然后选择图文按钮,如下图:

b.jpg


在编辑器录入框中,输入相应代码:

444.jpg



插入视频的方法是:

<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
>

其效果如下:

22.jpg


插入音频的方法是:

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

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

111.jpg

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


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

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

33.jpg


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


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

参考资料

The Economist. (2016). "We the networks." The Economist.

Brett D. Schaefer etc. (2014). "Important Work to Be Done Before the U.S. Relinquishes Stewardship of ICANN." The Heritage Foundation.

Kenneth Neil Cukier. (2005). "Who Will Control the Internet?." Foreign Affairs.

Bartle Breese Bull. (2009). "The .iq Debacle." Foreign Policy.

Jeffrey Eisenach. (2015). "Internet governance: What could go wrong?" American Enterprise Institute.

Jeremy A. Rabkin. (2014). "But ICANN Can’t." The Weekly Standard.

Laura DeNardis. (2014). "The Global War for Internet Governance." Yale University Press.

ICANN. (2013). "Beginner’s Guide to Participating in ICANN." ICANN.

题图:"Spectators waving American flags." GettyImages.

菜单