Dokumentation Dynamic Media Viewer-Referenzhandbuch

Symboleffekt

Letzte Aktualisierung: 31. Dezember 2024

Themen:

Erstellt für:

Entwickler
Benutzende

Das Spielsymbol wird im Hauptansichtsbereich überlagert. Er wird angezeigt, wenn das Video angehalten oder das Ende des Videos erreicht wird, und hängt auch vom IconEffect-Parameter ab.

Das Erscheinungsbild des Wiedergabesymbols wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7smartcropvideoviewer . s7smartcropvideoplayer .s7iconeffect

CSS-Eigenschaften des Wiedergabesymbols

Hintergrundbild-	Das angezeigte Bild für das Wiedergabesymbol.
Hintergrundposition	Positionieren Sie sie innerhalb des Bildsets, wenn CSS-Sprites verwendet werden. Siehe von CSS-Sprites.
Breite	Die Breite des Wiedergabesymbols.
Höhe	Die Höhe des Spielsymbols.

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

Beispiel

Richten Sie ein Wiedergabesymbol von 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