Symboleffekt icon-effect

Das Wiedergabesymbol wird im Hauptansichtsbereich überlagert. Es wird angezeigt, wenn das Video angehalten wird oder wenn das Ende des Videos erreicht wird, und es hängt auch vom iconffekt -Parameter ab.

Das Erscheinungsbild des Wiedergabesymbols wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7smartcropvideoviewer . s7smartcropvideoplayer .s7iconeffect

CSS-Eigenschaften des Wiedergabesymbols

background-image
Das angezeigte Bild für das Wiedergabesymbol.
background-position

Position innerhalb des Bildsprites, wenn CSS-Sprites verwendet werden.

Siehe CSS-Sprites.

width
Die Breite des Wiedergabesymbols.
Höhe
Die Höhe des Wiedergabesymbols.

Der Symboleffekt unterstützt die "state"-Attributauswahl. state="play" wird verwendet, wenn das Video während der Wiedergabe angehalten wird, und state="replay", wenn sich der Abspielkopf am Ende des Streams befindet.

Beispiel section-e8caea0a303c425a8a637c2a47c06355

Richten Sie ein Wiedergabesymbol mit 100 x 100 Pixel ein.

.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