視頻掃描器

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

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

本頁內容