视频洗刷

最近更新： 2024年7月20日

主题：

创建对象：

开发人员
用户

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

清理器“旋钮”也会在视频播放时移动，以指示视频在播放期间的当前时间位置。视频清理器始终占据控制栏的全部宽度。可以通过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