视频洗刷 video-scrubber

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

清理器“旋钮”也会随着视频播放而移动,以指示视频在播放期间的当前时间位置。 视频清理器始终占据控制栏的整个宽度。 可以使用CSS为视频洗刷设置外观,并更改其高度和垂直位置。

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

.s7mixedmediaviewer .s7videoscrubber
.s7mixedmediaviewer .s7videoscrubber .s7videotime
.s7mixedmediaviewer .s7videoscrubber .s7knob

视频清理器的CSS属性

顶端
上边框的位置,包括内边距。
底部
从下边框定位,包括内边距。
height
视频洗刷的高度。
background-color
视频洗刷的颜色。

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

.s7mixedmediaviewer .s7videoscrubber .s7track
.s7mixedmediaviewer .s7videoscrubber .s7trackloaded
.s7mixedmediaviewer .s7videoscrubber .s7trackplayed

曲目的CSS属性

height
相应轨道的高度。
background-color
相应轨道的颜色。

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

.s7mixedmediaviewer .s7videoscrubber .s7knob

旋钮的CSS属性

顶端
垂直旋钮偏移。
width
旋钮宽度。
height
旋钮高度。
background-image
旋钮图稿。
background-position

如果使用CSS sprite,则定位在图稿sprite内。

参见 CSS脚本.

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

.s7mixedmediaviewer .s7videoscrubber .s7videotime

播放时间泡的CSS属性

font-family
用于时间显示文本的字体系列。
font-size
用于时间显示文本的字体大小。
color
用于时间显示文本的字体颜色。
width
气泡区域宽度。
height
气泡区域高度。
填充
气泡区域填充。
background-image
气泡图稿。
background-position

如果使用CSS sprite,则定位在图稿sprite内。

参见 CSS脚本.

text-align
文本与气泡区域对齐。

可以本地化视频洗刷工具提示。 参见 用户界面元素的本地化 了解更多信息。

示例 section-e8caea0a303c425a8a637c2a47c06355

设置一个混合媒体查看器,该查看器包含一个带有自定义轨道颜色的视频洗刷器,该洗刷器高度为10像素,并且位于距控制栏上边缘和左边缘的10像素和35像素处。

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