.cld视频播放器.vjs大播放按钮.vjs图标占位符{颜色：首字母；}.cld spbl post play.cld spbl重放btn{颜色：首字母；}.cld spbl post play.cld spbl重放btn{颜色：首字母；}.vjs控制栏{颜色：首字母；}.cld视频播放器.vjs上下文菜单用户界面.vjs菜单内容.vjs菜单项{颜色：首字母；}.video js.vjs progress holder.vjs播放进度{背景色：首字母；}吸引访问者参与你的产品视频是提高点击率和最终销售的一个很好的方法。问题是，你如何产生这种参与？播放列表和可点击的链接会浮现在脑海中，但通常只有在视频播放完毕后才会出现。为了获得更吸引人的用户体验，请在整个视频中添加相关的交互。这可能是一个麻烦的任务，你仍然需要花费大量的精力来编辑各个视频。这就是云视频播放器的用武之地在。这个post介绍了Cloudinary的新功能，可购物视频，利用该功能，您可以制作更大范围匹配您品牌的可点击视频，提高品牌知名度，并通过强大的功能与观众互动。具体来说，可购物视频-在可扩展的产品栏中列出您的产品和视频。使访问者能够与您的产品交互并了解更多详细信息。将访问者链接到相关页面进行购买。将可单击的热点添加到视频中，以突出显示产品的确切位置。通过互动将产品带到生活中。要开始使用可购物视频，请参阅文档。深入了解可购物视频功能可播放视频提供了许多增强视频的功能经验。那个产品栏显示在视频右侧的产品栏是列出要展示的产品的地方，并在视频中显示时突出显示每个产品。您可以将条形图配置为所需的宽度，并自定义条形图的显示方式和显示时间，如下所示：将条宽度设置为播放器全宽的百分比。此外，还可以指定何时打开和关闭工具栏，例如在加载视频时打开，如果没有交互，返利商城，则在设定的秒数后关闭。您可以配置要显示的产品图像，将它们与产品描述页（PDP）资产对齐。这些图像，即您的观众将与之交互的图像，支持两种可配置的行为，这取决于您对要呈现的信息的更精细的控制：单击，您可以将其定义为将观众带到相关PDP的URL或在产品出现的位置显示视频的时间。悬停，您可以将其定义为替代图像或产品的简要说明。通过展示您的视频中的所有产品，产品栏使说服潜在客户迈出这一步的道路更加顺畅购买热点非常适合通过视频进行交互。对于每个产品，您可以定义多个热点，这些热点针对的是产品的确切位置以及其他信息。也许你只是想显示产品名称，或者加上价格或折扣。热点与产品栏中的搜索功能结合使用时效果最佳。这意味着有人可以点击产品栏中的一个产品，然后被带到视频的右侧开始互动。热点将突出显示产品的确切位置，并在悬停时显示有用的详细信息以及指向PDP。这里这是一个热点的例子，除了折扣和销售价格外，它还关注一个手提包。这无疑是吸引游客购买项目。发布-一旦视频播放完毕，你要确保没有人错过提供的产品。这就是后滚轴画廊的用武之地。默认情况下，库在视频的整个宽度上以旋转木马的形式显示产品栏中列出的产品。点击和悬停也可以在旋转木马中工作，因此观众可以很容易地跳转到你的pdp或者在视频中寻找相关的位置。相对于产品栏，post-roll gallery提供的购物体验更少。DemoBelow是一个演示，展示了可购物视频的关键功能，以及与Cloudinary时尚品牌相匹配的定制用户界面。因为这个演示运行在Cloudinary视频播放器之上，所以您可以利用该播放器和Cloudinary动态视频平台上的所有令人敬畏的特性。继续按播放！视频播放器加载。播放VideoPlayUnmute当前时间0:00/持续时间0:00已加载：0%流类型LIVESeek直播，当前正在播放LiveLiveMaining时间-0:00播放速率1xChaptersChaptersDescriptionsOff，选择captions captions settings，大数据是干什么的，打开字幕设置对话框captions off，selectedAudio TrackFullScreen这是一个模态窗口。开始对话框窗口的。Escape将取消并关闭window.textColorWhiteBlackRedGreenBlueYellow品品青色透明不透明半成品-透明透明背景色黑色白色绿色蓝色黄色洋红色黑色透明不透明半透明半透明半透明半透明透明透明透明色半透明半透明半透明半透明半透明半透明半透明透明色半透明透明色蓝色蓝色黄色紫色紫色黑色透明透明色半透明透明色半透明透明色白色透明透明色白色透明绿色绿色绿色绿色黄色紫色紫色黑色透明透明色半透明半透明透明色透明色透明色透明色透明色%FpsSeriodOneServied100%FamilySeriodNational150%FfsSeriodUnseriodNational150%FamilySeriodNational150%FsSeriodNational150%FsSeriodNational150%FsSeriodNational设置窗口。下一个上一页下一页：.cld视频播放器首次演示{颜色：0E2F5A；}.cld video player first demo.vjs时间工具提示，.cld视频播放器首次演示.vjs鼠标-显示：之后,.cld视频播放器首次演示.vjs播放-进度：之后{颜色：#ffffffff；背景色：0E2F5A；}.cld视频播放器第一个演示.vjs滑块{背景色：rgba（0，120，255，0.3）；}.cld video player first demo.vjs加载进度，.cld video player first demo.vjs加载进度div{背景：rgba（0，120，在线建站平台，255，0.2）；}.cld视频播放器首次演示.vjs音量级别，.cld视频播放器首次演示.vjs播放进度{背景：0078FF；}.cld视频播放器首次演示.vjs音量垂直{背景色：rgba（255、255、255、0.7）；}.cld视频播放器第一个演示.vjs音量面板水平.vjs-控制：之前{边框颜色：透明透明rgba（0，120，255，0.4）透明；}.cld视频播放器第一个演示.vjs音量面板水平.vjs音量-级别：之前{边框颜色：透明透明#0078FF透明；}.cld video player first demo.vjs标题栏{颜色：0E2F5A；}.cld视频播放器首次演示.vjs建议覆盖{颜色：f50a；背景色：rgba（255、255、255、0.4）；}.cld视频播放器第一个演示.vjs建议覆盖.vjs建议覆盖项{框影：0 0.5em 1.2em 0px#ffffffff；颜色：0E2F5A；边框：1px实心Š0E2F5A！重要的；职位：亲属；}.cld视频播放器第一个演示.vjs建议覆盖.vjs建议覆盖-项目：活动,.cld视频播放器第一个演示.vjs建议覆盖.vjs建议覆盖-项目：悬停{边框：1px实心#0078FF！重要的；}.cld video player first demo.vjs上下文菜单ui.vjs菜单内容.vjs菜单-项目：活动,.cld video player first demo.vjs上下文菜单ui.vjs菜单内容.vjs菜单-项目：悬停{颜色：0E2F5A；背景色：#0078FF；}.cld视频播放器优先-演示.vjs-广告播放。vjs进度控制。vjs播放进度{背景：#ffffffff；}.cld视频播放器优先-演示.cld-plw布局{背景色：#ffffffff；}.cld视频播放器首次演示。cld plw项目信息包装{颜色：0E2F5A；}.cld视频播放器首次演示。cld plw面板项{边框颜色：#0E2F5A；}.cld video player first demo.cld video player flower close polygon{填充：#ffffffff；}.cld视频播放器首次演示。cld spbl产品-热点：之后{背景：#ffffffff；盒影：0 0 0 4px#0078FF，0 0 0 8px rgba（14，47，90，0.24）；}.cld视频播放器首次演示。cld spbl产品工具提示{颜色：#ffffffff；背景：0E2F5A；}.cld视频播放器首次演示。基色半bg{背景：rgba（255，255，255，0.7）；}.cld视频播放器首次演示。文本颜色半背景{背景：rgba（14,47,90,0.7）；}.cld视频播放器首次演示。文本颜色文本{颜色：0E2F5A；}.cld视频播放器首次演示。基本颜色文本{颜色：#ffffffff；}.cld视频播放器首次演示。强调色文本{颜色：#0078FF；}.cld video player first demo.vjs标题栏{弯曲方向：row；对齐内容：左；高度：3.6em；背景：#ffffffff；}.cld video player first demo.vjs标题栏div{宽度：自动；填充：0继承；余量：0；}.cld视频播放器优先-演示.cld-视频播放器皮肤光。基色bg，.cld视频播放器优先-演示.cld-视频播放器皮肤光。vjs控制栏，好评返现文案，.cld视频播放器优先-演示.cld-视频播放器皮肤光。vjs大播放按钮，.cld视频播放器优先-演示.cld-视频播放器皮肤光。vjs菜单按钮。vjs菜单内容{背景色：#ffffffff；}.cld视频播放器第一个演示.vjs建议覆盖.vjs建议覆盖-项目.vjs-建议覆盖项主要内容{背景色：#ffffffff；}.cld视频播放器第一个演示.vjs建议覆盖.vjs建议覆盖-项目.vjs-建议覆盖项-主要：active.vjs建议覆盖项主要内容,.cld视频播放器第一个演示.vjs建议覆盖.vjs建议覆盖-项目.vjs-建议覆盖项-主要：hover.vjs建议覆盖项主要内容{颜色：#ffffffff；背景色：rgba（0，返利app是真的吗，120，255，0.8）；}.cld视频播放器首次演示.vjs建议覆盖.vjs建议