視頻掃描器是水準滑塊控制項,允許用戶動態地查找當前播放的視頻中的任何時間位置。
在播放視頻時,掃描器「旋鈕」也移動,以指示回放期間視頻的當前時間位置。 視頻掃描器總是取控制條的整個寬度。 使用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 |
旋鈕的寬度。 |
高度 |
旋鈕的高度。 |
背景影像 |
旋鈕圖稿。 |
背景位置 |
如果使用CSS浮雕,則在圖稿浮雕內定位。 請參閱 CSS繁體 。 |
以下CSS類選擇器控制播放的氣泡時間:
.s7mixedmediaviewer .s7videoscrubber .s7videotime
播放氣泡時的CSS屬性
字型系列 |
用於時間顯示文本的字型系列。 |
字型大小 |
用於時間顯示文本的字型大小。 |
color |
用於時間顯示文本的字型顏色。 |
寬度 |
氣泡區域寬度。 |
高度 |
氣泡區高度。 |
填補 |
氣泡區域填充。 |
背景影像 |
氣泡圖。 |
背景位置 |
如果使用CSS浮雕,則在圖稿浮雕內定位。 請參閱 CSS繁體 。 |
文本對齊 |
文本與氣泡區域的對齊。 |
視頻掃描器工具尖端可被本地化。 請參閱 用戶介面元素的本地化 的子菜單。
設定混合媒體查看器,其中視頻掃描器具有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;
}