視頻播放器表徵圖效果

「播放」表徵圖重疊在視頻視圖區域上。 它顯示視頻暫停時或視頻結束時的顯示,還取決於影像效果參數。

播放表徵圖的外觀由以下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);
}

本頁內容