可商店视频

可购物视频定义一组产品并同时显示产品栏允许用户访问产品细节页面并购买

添加可移植视频功能

可商店视频功能包含在标准视频播放器包中

可移植视频功能添加视频源码使用可购入性参数类.上头可购入性参数是一个包含全部对象可购物视频配置.分解成两节

1. 配置为可购入性UI功能化
2. 上头产品类数组中包含产品配置和视频热点

简单例子可购入性shoppableDemoVideo播放器源配置

配置可商店UI

上头可购入性对象支持数个属性配置可移植视频组件查找和感知允许自定义视频播放器可购组件匹配您的品牌并规范所有产品图片看吧视频播放器定制获取更多关于如何定制全玩家的信息

• 设置产品栏起始状态并用图标切换它togleIcon)和宽度曾开可配置多长栏开放使用自定义环属性
• 定义任意变换应用到产品栏中所有产品图片可使用此实现大小、格式和质量标准化或添加品牌重叠和特效
• 设置消息显示前视频启动横幅Msg和是否显示产品旋转轮叠后视频播放结束showPostPlayOverlay)

重构服装例子以更好地匹配牌子

定义产品

可定义所有产品使用产品类数组数组每种产品需要具体说明相关信息

• 设置macductId并产品Name和产品公共标识产品图像显示
• 设置启动时间并结束时间产品在视频中出现时使用
• 定义用户与产品栏内产品交互时会发生什么可配置上克隆并高佛市行为(可用选项各异)
• 定义您的热点视频播放允许视频本身添加可点击热点热点显示时用户从产品栏点击产品,视频在定义时间暂停可使用它突出显示产品在框架的位置

举个例子使用上例太阳镜

引用

属性

可商店化Props

百合	类型	描述性
自定义环	数目(秒数)	时间分秒计算后 产品栏自动关闭默认值 :2.
横幅Msg	字符串	消息随播放按钮显示时视频优先加载默认值 :商店视频.
产品类	数组产品类	产品栏显示产品列表并配置
showPostPlayOverlay	布尔	是否显示产品旋转木马重叠默认值 :虚伪.
起始状态	启动状态	产品栏状态视频加载默认值 :打开OnPlay.
togleIcon	字符串URL	URL图标切换产品栏
变换	云型变换对象数组或字符串	变换应用到产品栏显示的所有产品图片默认值 :quality表示自动机 width表示自动机 fet_format表示自动机 rop表示标度.
宽度	字符串百分比	产品条宽度占播放器总宽度的百分比默认值 :20%.

产品程序

百合	类型	描述性
热点	数组热点	视频热点产品允许用户点击特定位置并带到产品描述页
上克隆	OnClickProps	用户点击产品时行为
高佛市	关于HoverProps	用户悬停产品时行为
macductId	数目	产品标识
产品Name	字符串	产品名
公共标识	字符串	公共标识产品图像
启动时间	字符串	开始时间( 秒内) 产品出现在视频中曾高亮栏中产品并可见视频
结束时间	字符串	结束时间(秒内)产品不再出现在视频中

热点程序

百合	类型	描述性
klkell	字符串URL	URL用户点击热点访问
时间轴	字符串	显示热点的确切时间
工具提示定位	工具点定位	热点工具提示显示产品信息位置
X级	字符串百分比	X坐标定位热点
y市	字符串百分比	Y坐标定位热点

关于HoverProps

百合	类型	描述性
动作化	挂起动作	产品栏悬停时执行动作
参比值	字符串或公共标识	if动作化设为叠加文本串叠 if动作化设为开关对象设置公共标识图像切换举例{"publicId": "different_product_image"}

OnClickProps

百合	类型	描述性
动作化	OnClickAction	动作执行时点击产品栏
参比值	OnClickArgsProps	参数配置动作
暂停	布尔或数(秒)	或暂停视频几秒相关时间动作化设为寻道.

OnClickArgsProps

百合	类型	描述性
时间轴	字符串	时间寻找视频相关时间动作化设为寻道.
URL	字符串URL	URL导航用户相关时间动作化设为高通市.

百科全书

启动状态

字符串值设置视频加载时产品栏状态

值传	描述性
闭合	产品栏当视频加载时关闭
打开	产品栏当视频加载时打开
打开OnPlay	点播按钮时打开产品栏默认值

工具点定位

字符串值设置热点工具提示

值传	描述性
顶部	位置工具提示高于热点
底部	位置工具提示下热点
左转	位置工具提示左侧热点
右转	位置工具提示右侧热点

挂起动作

字符串值设置操作时用户悬停产品

值传	描述性
叠加	产品图像重叠文本
开关	切换产品图像换换

OnClickAction

字符串值设置用户点击产品时执行动作

值传	描述性
高通市	新建标签打开 URL
寻道	跳转到视频中的具体位置(并可选显示热点)。

事件处理

事件处理	描述性
产品Hover	触发时用户悬停产品栏
产品Click	当用户点击产品栏时触发
产品Barmin	触发时产品栏最小化
产品栏max	产品栏最大化时触发
productHoverPost	用户悬停后戏叠加产品时触发
productClickPost	当用户点击后戏叠加中的产品时触发
重放	触发视频重播