文档Dynamic Media查看器参考指南

视频洗刷 video-scrubber

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主题：

创建对象：

  • 开发人员
  • 用户

视频洗刷是水平滑块控件，允许用户动态搜索到当前播放视频内的任何时间位置。

清理器“旋钮”也会在视频播放时移动，以指示视频在播放期间的当前时间位置。 视频清理器始终占据控制栏的全部宽度。 可以通过CSS为视频洗刷添加外观、更改其高度和垂直位置。

视频清理器的常规外观由以下CSS类选择器控制：

.s7smartcropvideoviewer .s7videoscrubber
.s7smartcropvideoviewer .s7videoscrubber .s7videotime
.s7smartcropvideoviewer .s7videoscrubber .s7knob

视频清理器的​ CSS属性

前
上边框的位置，包括内边距。
后
下边框的位置，包括内边距。
高度
视频洗刷的高度。
背景色
视频洗刷的颜色。

以下CSS类选择器跟踪背景、播放和加载指示器：

.s7smartcropvideoviewer .s7videoscrubber .s7track
.s7smartcropvideoviewer .s7videoscrubber .s7trackloaded
.s7smartcropvideoviewer .s7videoscrubber .s7trackplayed

曲目​ 的 CSS属性

高度
相应轨道的高度。
背景色
相应轨道的颜色。

以下CSS类选择器控制旋钮：

.s7smartcropvideoviewer .s7videoscrubber .s7knob

旋钮的​ CSS属性

前
垂直旋钮偏移。
宽度
旋钮的宽度。
高度
旋钮的高度。
背景图像
旋钮艺术品。
背景位置

如果使用CSS sprite，则定位在图稿sprite中。

请参阅 CSS Sprite。

以下CSS类选择器控制播放时间气泡：

.s7smartcropvideoviewer .s7videoscrubber .s7videotime

播放时间泡泡的​ CSS属性

字体系列
用于时间显示文本的字体系列。
字体大小
用于时间显示文本的字体大小。
颜色
用于时间显示文本的字体颜色。
宽度
气泡区域宽度。
高度
气泡区域高度。
填充
气泡区域边距。
背景图像
气泡图稿。
背景位置

如果使用CSS sprite，则定位在图稿sprite中。

请参阅 CSS Sprite。

文本对齐
文本与气泡区域对齐。

可以本地化视频洗刷工具提示。 有关详细信息，请参阅用户界面元素的本地化。

示例 — 设置一个视频查看器，该视频查看器具有高度为10像素的自定义轨道颜色的视频清理器。 最后，请将其定位在距离控制栏的上边缘和左边缘分别有10个和35个像素的位置。

.s7smartcropvideoviewer .s7videoscrubber  {
top:10px;
left:35px;
height:10px;
background-color:#AAAAAA;
}
.s7smartcropvideoviewer .s7videoscrubber .s7track {
height:10px;
background-color:#444444;
}
.s7smartcropvideoviewer .s7videoscrubber .s7trackloaded {
height:10px;
background-color:#666666;
}
.s7smartcropvideoviewer .s7videoscrubber .s7trackplayed {
height:10px;
background-color:#888888;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8