圖示效果

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

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

.s7video360viewer . s7video360player .s7iconeffect

播放圖示的CSS屬性

背景影像

播放圖示的顯示影像。

背景位置

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

請參閱 CSS精靈

width

播放圖示的寬度。

height

播放圖示的高度。

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

範例 -設定100 x 100像素播放圖示。

.s7video360viewer .s7videoplayer .s7iconeffect { 
 width: 100px; 
 height: 100px;} 
.s7video360viewer .s7videoplayer .s7iconeffect[state="play"] { 
background-image: url(images/playIcon.png); 
} 
.s7video360viewer .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
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now