视频缩略图
视频缩略图是一个可点击的占位符图像。当点击时，它会在一个模式或全屏中打开一个视频播放器。
用作媒体卡内视频播放器的播放按钮。
进口｛MediaCard，VideoThumbnail}从“@shopify /北极星”；进口反应从“反应”；函数VideoThumbnailExample（）｛返回（<MediaCard标题=“把你的业余项目变成一门生意”primaryAction=｛｛内容：“了解更多”，onAction：（）＝＞｛}，}}描述=｛｀在本课程中，您将学习Kular家族如何将母亲的食谱变成全球业务。｀}popoverActions=｛［｛内容：“解散”，onAction：（）＝＞｛}}]}><VideoThumbnail videoLength=｛80}thumbnailUrl=“https://burst.shopifycdn.com/photos/business-woman-smiling-in-office.jpg?width=1850”/></MediaCard>）；}道具
想让这个功能变得更好吗?请分享你的反馈。
接口
VideoThumbnailProps
- thumbnailUrl 字符串
-
缩略图的URL源。
- videoLength？ 数量
-
视频长度(以秒为单位)。
默认为0。
- videoProgress？ 数量
-
视频进度以秒为单位。在缩略图的底部显示进度条。仅在设置了videoLength时呈现。
默认为0。
- showVideoProgress？ 布尔
-
表示是否允许显示视频进度。
默认为假。
- accessibilityLabel？ 字符串
-
自定义ARIA标签播放按钮。
默认为“播放长度为{人类可读时长}的视频”。
- onClick () = >无效
-
点击或按下缩略图时的回调。用于以您选择的格式触发视频播放器的渲染，例如在模态或全屏容器中。
- onBeforeOB欧宝娱乐APPStartPlaying？ () = >无效
-
鼠标进入、聚焦或触摸缩略图开始时的回调。OB欧宝娱乐APP用于触发视频预加载。