視訊筆畫是水準滑桿控制項,可讓使用者動態尋找目前播放視訊中的任何時間位置。
當視訊播放時,Scrubber 'knob'也會移動,以指出視訊在播放期間的目前時間位置。 視訊筆畫器一律會取得控制列的整個寬度。 您可將視訊筆畫變成外觀。 使用CSS來變更其高度和垂直位置。
使用下列CSS類別選擇器控制視訊筆畫的一般外觀:
.s7mixedmediaviewer .s7videoscrubber
.s7mixedmediaviewer .s7videoscrubber .s7videotime
.s7mixedmediaviewer .s7videoscrubber .s7knob
視訊Scrubber的CSS屬性
頂部 |
從上邊框的位置,包括間距。 |
底部 |
從底部邊框的位置,包括間距。 |
height |
視訊筆刷的高度。 |
背景色 |
視訊筆畫的顏色。 |
下列CSS類別選擇器會追蹤背景、播放和載入指標:
.s7mixedmediaviewer .s7videoscrubber .s7track
.s7mixedmediaviewer .s7videoscrubber .s7trackloaded
.s7mixedmediaviewer .s7videoscrubber .s7trackplayed
音軌的CSS屬性
高度 |
對應軌道的高度。 |
背景色 |
對應軌道的顏色。 |
下列CSS類別選擇器控制旋鈕:
.s7mixedmediaviewer .s7videoscrubber .s7knob
旋鈕的CSS屬性
頂部 |
垂直旋鈕偏移。 |
width |
旋鈕寬度。 |
高度 |
旋鈕高度。 |
背景影像 |
旋鈕圖稿。 |
背景位置 |
如果使用CSS精靈,請放在圖稿精靈內。 請參閱 CSS精靈。 |
下列CSS類別選擇器控制播放的泡泡時間:
.s7mixedmediaviewer .s7videoscrubber .s7videotime
播放時間泡泡的CSS屬性
font-family |
用於顯示時間文字的字型系列。 |
字型大小 |
用於顯示時間文字的字型大小。 |
color |
用於時間顯示文字的字型顏色。 |
寬度 |
氣泡區域寬度。 |
高度 |
泡泡區域高度。 |
填補 |
泡泡區域填充。 |
背景影像 |
氣泡圖稿。 |
背景位置 |
如果使用CSS精靈,請放在圖稿精靈內。 請參閱 CSS精靈。 |
text-align |
文字與泡泡區域對齊。 |
視訊筆畫工具提示可以局部化。 如需詳細資訊,請參閱使用者介面元素的本地化。
若要設定混合媒體檢視器,使用自訂軌道色彩(高度為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;
}