視頻掃描器

視頻掃描器是水準滑塊控制項，允許用戶動態地查找當前播放的視頻中的任何時間位置。

在播放視頻時，掃描器「旋鈕」也移動，以指示回放期間視頻的當前時間位置。 視頻掃描器總是取控制條的整個寬度。 使用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;
}

本頁內容