視頻掃描器

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

當視訊播放時,Scrubber 'knob'也會移動,以指出視訊在播放期間的目前時間位置。 視訊筆畫器一律會取得控制列的整個寬度。 您可將視訊筆畫變成外觀。 使用CSS來變更其高度和垂直位置。

使用下列CSS類別選擇器控制視訊筆畫的一般外觀:

.s7mixedmediaviewer .s7videoscrubber 
.s7mixedmediaviewer .s7videoscrubber .s7videotime 
.s7mixedmediaviewer .s7videoscrubber .s7knob

視訊Scrubber的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屬性

font-family

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

字型大小

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

color

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

寬度

氣泡區域寬度。

高度

泡泡區域高度。

填補

泡泡區域填充。

背景影像

氣泡圖稿。

背景位置

如果使用CSS精靈,請放在圖稿精靈內。

請參閱 CSS精靈

text-align

文字與泡泡區域對齊。

視訊筆畫工具提示可以局部化。 如需詳細資訊,請參閱使用者介面元素的本地化

範例

若要設定混合媒體檢視器,使用自訂軌道色彩(高度為10像素)的視訊Scrubber,並從控制列的上邊緣和左邊緣放置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; 
}

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free