ios h5 上传视频 h5怎么上传视频_外链


H5和视频都是很好的宣传方式

H5具有交互性强、传播性强的优势

而视频又更好地展现企业风采,重现当时的情景

两者结合使用,定是如虎添翼

如何在H5中添加视频?

目录

电脑端

在电脑端添加本地视频

在电脑端添加在线视频

手机端:

在手机端添加本地视频

在手机添加在在线视频

Part Ⅰ:电脑端操作

首先,进入易企秀商城,选好H5模板进入编辑页面,选择到需要添加视频的页面,点击上方菜单栏中【组件】。


ios h5 上传视频 h5怎么上传视频_H5_02


可以看到组件中有添加【视频】和【外链视频】两种方式。

1. 在电脑端添加本地视频的方式:

点击【组件】--【视频】,在【组件设置】面板中点击【添加视频】;


ios h5 上传视频 h5怎么上传视频_ios h5 上传视频_03


进入视频库后,点击右下角【本地视频】即可上传自己的视频,当然,你也可以从视频库中的正版素材和视频模板中选取;


ios h5 上传视频 h5怎么上传视频_H5_04


此方式上传视频无广告。

注意:

本地上传视频大小不得超过50M,支持MP4、MOV格式,且一次只能上传一个视频,视频时长需大于4秒。

2. 在电脑端添加外链视频的方式:

点击上方菜单栏中【组件】--【外链视频】,目前只支持添加腾讯视频。根据提示,我们需要找到腾讯视频的通用代码。


ios h5 上传视频 h5怎么上传视频_h5 如何录音保存上传_05


怎么找到腾讯视频的通用代码呢?

打开腾讯视频官网--搜索所需视频--进入视频播放界面--左下角分享--复制通用代码--ctrl+v 粘贴至视频组件即可。

点击视频进入时一定要点击视频标题,而不是封面。


ios h5 上传视频 h5怎么上传视频_手机端_06


此功能适用于视频比较大的操作。

注意:

视频的广告是腾讯添加的,在易企秀编辑页面无法去除。视频大小易企秀没有作限制,是由腾讯视频要求而定。

part Ⅱ:手机端操作

众所周知,使用易企秀APP能随时随地制作,非常方便。那么,怎么从手机端添加视频呢?

1. 在手机端添加本地视频的方式:

进入易企秀APP后,选择合适的模板,点击【使用】进入编辑页面。在编辑页面的下方菜单栏中点击【组件】。


ios h5 上传视频 h5怎么上传视频_ios h5 上传视频_07


进入组件后,点击【视频】,即可进入手机图库,从中选择你所需视频,点击上传。


ios h5 上传视频 h5怎么上传视频_外链_08


若觉得原视频过长,可以进行【时长裁剪】,完成后,点击右下角【完成】。


ios h5 上传视频 h5怎么上传视频_h5 如何录音保存上传_09


当视频上传完成后,页面会出现一个视频框,点击右上角【保存】--【预览】,即可查看视频效果。


ios h5 上传视频 h5怎么上传视频_ios h5 上传视频_10


2. 在手机端添加外链视频的方式:

理论上来讲,手机端是没有办法添加外链视频的。但是!

只要思想不滑坡,办法总比困难多!

同样,我们在易企秀APP的编辑页面,点击【组件】,进入组件后,我们这次选择【链接】。


ios h5 上传视频 h5怎么上传视频_外链_11


进入链接组件后,会自动弹出一个橙色的小按钮,点击左下角【编辑】。


ios h5 上传视频 h5怎么上传视频_外链_12


在编辑外链页面中,修改按钮的名称及添加视频链接。4种方式添加视频,迅速get起来!


ios h5 上传视频 h5怎么上传视频_手机端_13


完成后,选择按钮的风格,一个外链视频就添加好啦!不过这种添加方式在发布后,就是以一个按钮的形状呈现的哦~


ios h5 上传视频 h5怎么上传视频_ios h5 上传视频_14


以上就是在H5中添加视频的所有方式啦