視頻清除器

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

清除器「旋鈕」也會隨著視訊播放而移動,以指出播放期間視訊的目前時間位置。 視頻清除器始終佔據控制欄的整個寬度。 可將視頻清洗器皮膚化。 通過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 Sprites

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

.s7mixedmediaviewer .s7videoscrubber .s7videotime

播放時間泡泡的CSS屬性

字型系列

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

字型大小

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

color

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

寬度

氣泡區域寬度。

高度

氣泡區域高度。

填補

氣泡區域填充。

背景 — 影像

氣泡圖稿。

背景位置

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

請參閱 CSS Sprites

文本對齊

文本與氣泡區域對齊。

視頻清除器工具尖端可以定位。 如需詳細資訊,請參閱使用者介面元素本地化

範例

設定混合媒體查看器,使用自定義跟蹤顏色(高度為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; 
}

本頁內容