h5使用技巧(如何在H5页面中添加)

今天要跟大家分享的是如何在H5页面中加入视频播放功能,赶紧来看看吧!

相信大家在朋友圈都有见过各种各样的H5页面,比如展会邀请函、结婚请柬、餐厅宣传、培训机构招生、企业招聘......而且还有不少H5页面中有加入视频功能,在用户可以直接在H5页面中观看视频,那么H5页面中的视频到底是怎么添加的呢?

h5使用技巧(如何在H5页面中添加)(1)

其实很简单!在乔拓云网制作H5页面时可以轻松实现!操作步骤如下:

1.登录乔拓云网后台,点击【微传单】进入H5模板中心页面,再选择一个自己想要的H5模板,就可以开始设计制作自己的H5页面了。

h5使用技巧(如何在H5页面中添加)(2)

h5使用技巧(如何在H5页面中添加)(3)

2.要想在H5页面中加入视频,我们点击【控件】选项,找到视频功能并点击添加该功能至指定页面。然后在右边的选项框内可加入视频通过代码即可完成视频的添加(将视频上传至优酷或腾讯平台,再复制视频的通用代码链接即可)。

h5使用技巧(如何在H5页面中添加)(4)

h5使用技巧(如何在H5页面中添加)(5)

3.我们再来说说如何给添加的视频加入一个封面,让它看起更加的美观。我们点击【素材】选项,选择自己想要的图片素材,可以在线选择也可以本地上传添加。

h5使用技巧(如何在H5页面中添加)(6)

选好封面图后,再将封面图的层级设置到视频的上一级,然后点击H5页面中的视频功能,在右边【视频】选项框中将播放形式设置为弹层播放即可。

h5使用技巧(如何在H5页面中添加)(7)

h5使用技巧(如何在H5页面中添加)(8)

4.还有一种视频播放形式,那就是点击文字、按钮或者图片跳转播放视频。而要想设置这个也很简单,点击要设置跳转的文字、按钮或图片,在右边的【点击】选项框内,找到播放视频,再将视频通用代码复制到选项框内就可以了。

h5使用技巧(如何在H5页面中添加)(9)

以上就是在乔拓云网制作H5页面以及添加视频功能的步骤,不知你学会了吗?赶紧来试试吧!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页