视频洗涤器

视频清理器是一个水平滑块控件,它允许用户动态地搜寻当前播放的视频中的任意时间位置。

在视频播放时,擦洗器“旋钮”也会移动,以指示视频在播放期间的当前时间位置。 视频清理器始终采用控制栏的整个宽度。 可以给视频擦洗器涂皮。 通过CSS更改其高度和垂直位置。

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

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

视频清理器的CSS属性

顶端

从上边框的位置,包括内边距。

底部

从下边框的位置,包括内边距。

height

视频清理器的高度。

背景颜色

视频擦洗器的颜色。

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

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

跟踪的CSS属性

高度

相应轨道的高度。

背景颜色

相应轨道的颜色。

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

.s7mixedmediaviewer .s7videoscrubber .s7knob

旋钮的CSS属性

顶端

垂直旋钮偏移。

width

旋钮的宽度。

高度

旋钮的高度。

背景图像

旋钮图稿。

背景位置

在图稿Sprite中放置(如果使用CSS Sprite)。

请参阅 CSS Sprite

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

.s7mixedmediaviewer .s7videoscrubber .s7videotime

播放时间气泡的CSS属性

字体系列

用于时间显示文本的字体系列。

字体大小

用于时间显示文本的字体大小。

color

用于时间显示文本的字体颜色。

宽度

气泡区域宽度。

高度

气泡区域高度。

填充

气泡区域填充。

背景图像

气泡图。

背景位置

在图稿Sprite中放置(如果使用CSS Sprite)。

请参阅 CSS Sprite

text-align

文本与气泡区域对齐。

视频清洗工具提示可以本地化。 有关更多信息,请参阅用户界面元素的本地化

示例

要设置混合媒体查看器,请使用高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; 
}

在此页面上