圖示效果

上次更新: 2023-05-26
  • 建立對象:
  • Developer
    User

播放圖示覆蓋在主檢視區域上。 它會在視訊暫停或到達視訊結尾時顯示,也會取決於iconeffect引數。

播放圖示的外觀由下列CSS類別選取器控制:

.s7smartcropvideoviewer . s7smartcropvideoplayer .s7iconeffect

播放圖示的CSS屬性

background-image

播放圖示顯示的影像。

background-position

若使用CSS sprite,則定位在圖稿sprite內。

另請參閱 CSS精靈 .

width

播放圖示的寬度。

height

播放圖示的高度。

圖示效果支援 state 屬性選擇器。 state="play" 在播放期間暫停視訊時使用,並且 state="replay" 當播放點位於資料流結尾時使用。

範例

設定100 x 100畫素播放圖示。

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

本頁內容