視訊播放器圖示效果

播放圖示覆蓋在視訊檢視區域上。 它會在暫停視訊或到達視訊結尾時顯示,並且會依據iconeffect參數而定。

播放圖示的外觀是使用下列CSS類別選擇器來控制:

.s7mixedmediaviewer . s7videoplayer .s7iconeffect

播放圖示的CSS屬性

背景影像

播放圖示的顯示影像。

背景位置

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

請參閱 CSS精靈

width

播放圖示的寬度。

height

播放圖示的高度。

圖示效果支援state屬性選擇器。 state="play" 會在播放中間暫停視訊時使用,而在播 state="replay" 放磁頭在串流結束時使用。

範例

設定100 x 100像素的播放圖示。

.s7mixedmediaviewer .s7videoplayer .s7iconeffect { 
 width: 100px; 
 height: 100px;} 
.s7mixedmediaviewer .s7videoplayer .s7iconeffect[state="play"] { 
background-image: url(images/playIcon.png); 
} 
.s7mixedmediaviewer .s7videoplayer .s7iconeffect[state="replay"] { 
background-image: url(images/replayIcon.png); 
}

本頁內容

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