視訊播放器圖示效果 video-player-icon-effect

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：

建立對象：

開發人員
使用者

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

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

.s7mixedmediaviewer . s7videoplayer .s7iconeffect

播放圖示的 CSS屬性

背景影像

播放圖示顯示的影像。

背景位置

若使用CSS拼寫，則定位在圖稿sprite內。

請參閱 CSS Sprite。

寬度

播放圖示的寬度。

高度

播放圖示的高度。

圖示效果支援state屬性選取器。選取器state="play"用於視訊在播放中暫停時，而state="replay"用於播放磁頭在資料流結尾時。

範例 section-e8caea0a303c425a8a637c2a47c06355

設定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);
}

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8