视频组件

1、组件介绍

2、使用说明

(1)在左侧组件库拖拽组件到中间的编辑区后选择样式后进行配置：

a.视频样式：

(a)样式1仅展示，不支持配置跳转链接；

(b)样式2可配置跳转链接，促进转化。

b.视频来源：

(a)本地视频：支持通过本地上传视频(建议提前在素材中心内上传好视频，以避免临时上传视频，视频未过审核期无法直接使用)，每个组件最多可添加10个视频，支持用户左右滑动依次查看。本地视频不支持1:1比例以上视频的全屏自适应显示。若期望全屏显示纵向视频，建议通过背景悬浮导航组件-样式1实现。

(b)外部视频：仅支持.mp4格式的视频源地址和优酷视频码(且优酷视频码仅支持在支付宝小程序渠道展示)，每个组件最只能添加1个视频，可配置多个组件进行展示。

注：使用外部视频时，请确保上传的视频封面图和原视频尺寸比例一致，避免封面图覆盖不了视频封面的情况。

c.视频播放方式：

(a)小程序环境下，支持自动播放和手动播放两种方式，样式1可以通过自动播放开关进行设置，样式2不支持自定义播放方式，仅支持自动播放(自动播放场景下，需用户手动开启声音，主要考虑用户当前所处环境并不一定适合外放)；

(b)H5环境下，不论是样式1还是样式2，仅支持手动点击播放(默认开启声音)。

多组件播放规则说明：

(a)进入小程序页面后，若视频组件设置的是自动播放&屏幕滑入视频区则视频自动播放，若屏幕区有多个自动播放视频组件，则按照顺序优先从第一个自动播放的视频组件开始播放，播放结束后，再依次播放页面上其他自动播放视频组件，直至播放完所有自动播放的视频组件，以此循环。

(b)用户在当前视频正在播放未完播时，手动点击播放其他视频组件，则正在播放的视频组件将停止播放(页面内仅支持一个视频处在播放状态)，且此时不再执行a的依次和循环逻辑。>>>重新进入页面或下拉刷新页面后会再次依次和循环播放。

(c)用户在当前视频正在播放未完播时，视频区被划出屏幕，则该视频组件也将停止播放(页面内将没有视频在播放)，如有其他视频组件被划入屏幕区，则执行a的依次和循环逻辑。

(2)商家可以基于店铺装修风格，完成内容和组件样式设置。

(3)完成上述设置后，可预览查看效果。

3、其他说明

(1)支持渠道：全渠道(部分内容分渠道展示，如：优酷视频码仅支持在支付宝小程序渠道展示))

(2)是否付费：非付费