視頻掃描器

視訊筆畫是水準滑桿控制項，可讓使用者動態尋找目前播放視訊中的任何時間位置。

當視訊播放時，Scrubber 'knob'也會移動，以指出視訊在播放期間的目前時間位置。 視訊筆畫器一律會取得控制列的整個寬度。 您可將視訊筆畫變成外觀。 使用CSS來變更其高度和垂直位置。

使用下列CSS類別選擇器控制視訊筆畫的一般外觀：

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

視訊Scrubber的CSS屬性

下列CSS類別選擇器會追蹤背景、播放和載入指標：

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

音軌的CSS屬性

下列CSS類別選擇器控制旋鈕：

.s7mixedmediaviewer .s7videoscrubber .s7knob

旋鈕的CSS屬性

下列CSS類別選擇器控制播放的泡泡時間：

.s7mixedmediaviewer .s7videoscrubber .s7videotime

播放時間泡泡的CSS屬性

視訊筆畫工具提示可以局部化。 如需詳細資訊，請參閱使用者介面元素的本地化。

範例

若要設定混合媒體檢視器，使用自訂軌道色彩（高度為10像素）的視訊Scrubber，並從控制列的上邊緣和左邊緣放置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; 
}