表徵圖效果

播放圖示重疊在主檢視區域上。 它會在視訊暫停或到達視訊結尾時顯示，且也取決於iconeffect參數。

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

.s7interactivevideoviewer . s7videoplayer .s7iconeffect

播放圖示的CSS屬性

背景 — 影像

播放圖示的顯示影像。

背景位置

如果使用CSS精靈，則位於圖稿精靈內。

請參閱 CSS Sprites 。

width

播放圖示的寬度。

height

播放圖示的高度。

表徵圖效果支援state屬性選擇器。 當播放中間暫停視訊時，會使用屬性state="play"，當播放點位於資料流結尾時，則使用屬性state="replay"。

範例

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

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

本頁內容