圖示效果 icon-effect
播放圖示覆蓋在主檢視區域。 它會在視訊暫停或到達視訊結尾時顯示,也會取決於iconeffect引數。
使用下列CSS類別選取器來控制播放圖示的外觀:
.s7smartcropvideoviewer . s7smartcropvideoplayer .s7iconeffect
播放圖示的 CSS屬性
圖示效果支援state
屬性選取器。 當視訊在播放中暫停時使用state="play"
,當播放點位於資料流結尾時使用state="replay"
。
範例 section-e8caea0a303c425a8a637c2a47c06355
設定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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8