アイコン効果 icon-effect

再生アイコンは、メイン表示領域に重ねて表示されます。 これは、ビデオが一時停止されたとき、またはビデオの終わりに達したときに表示されます。また、iconeffect パラメーターにも依存します。

再生アイコンの外観は、次の CSS クラスセレクターで制御します。

.s7videoviewer . s7videoplayer .s7iconeffect

再生アイコンの CSS プロパティ

アイコン効果では、state 属性セレクターがサポートされています。 再生中にビデオが一時停止したときに state="play" を使用し、ストリームの最後に再生ヘッドがある場合に state="replay" を使用します。

例 section-e8caea0a303c425a8a637c2a47c06355

100 x 100 ピクセル再生アイコンを設定します。

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