視頻清除器

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

清除器「旋鈕」也會隨著視訊播放而移動，以指出播放期間視訊的目前時間位置。 視頻清除器始終佔據控制欄的整個寬度。 您可以使視訊清除程式蒙皮、透過CSS變更其高度和垂直位置。

視訊清除程式的一般外觀由下列CSS類別選取器控制：

.s7smartcropvideoviewer .s7videoscrubber
.s7smartcropvideoviewer .s7videoscrubber .s7videotime
.s7smartcropvideoviewer .s7videoscrubber .s7knob

視訊清除程式的CSS屬性

頂部

從上邊框的位置，包括邊框間距。

底部

從底部邊框的位置，包括邊框間距。

height

視頻清除程式的高度。

背景顏色

視頻清除器的顏色。

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

.s7smartcropvideoviewer .s7videoscrubber .s7track
.s7smartcropvideoviewer .s7videoscrubber .s7trackloaded
.s7smartcropvideoviewer .s7videoscrubber .s7trackplayed

追蹤的CSS屬性

高度

對應軌道的高度。

背景顏色

對應軌道的顏色。

以下CSS類選擇器控制旋鈕：

.s7smartcropvideoviewer .s7videoscrubber .s7knob

旋鈕的CSS屬性

頂部

垂直旋鈕偏移。

width

旋鈕的寬度。

高度

旋鈕高度。

背景 — 影像

旋鈕圖稿。

背景位置

如果使用CSS精靈，則位於圖稿精靈內。

請參閱 CSS Sprite .

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

.s7smartcropvideoviewer .s7videoscrubber .s7videotime

播放時間泡泡的CSS屬性

字型系列

用於時間顯示文本的字型系列。

字型大小

用於時間顯示文本的字型大小。

color

用於時間顯示文本的字型顏色。

寬度

氣泡區域寬度。

高度

氣泡區域高度。

填補

氣泡區域填充。

背景 — 影像

氣泡圖稿。

背景位置

如果使用CSS精靈，則位於圖稿精靈內。

請參閱 CSS Sprite .

文本對齊

文本與氣泡區域對齊。

視頻清除器工具尖端可以定位。 請參閱 用戶介面元素本地化 以取得更多資訊。

範例 — 使用高度為10像素的自訂追蹤顏色設定視訊檢視器，使用視訊清除程式。 最後，讓它位於10個像素和35個像素，從控制條的上邊緣和左邊緣。

.s7smartcropvideoviewer .s7videoscrubber  {
top:10px;
left:35px;
height:10px;
background-color:#AAAAAA;
}
.s7smartcropvideoviewer .s7videoscrubber .s7track {
height:10px;
background-color:#444444;
}
.s7smartcropvideoviewer .s7videoscrubber .s7trackloaded {
height:10px;
background-color:#666666;
}
.s7smartcropvideoviewer .s7videoscrubber .s7trackplayed {
height:10px;
background-color:#888888;
}

本頁內容