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:

.s7videoviewer . s7videoplayer .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.
height
Die Höhe des Wiedergabesymbols.

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

Beispiel section-e8caea0a303c425a8a637c2a47c06355

Richten Sie ein Wiedergabesymbol mit 100 x 100 Pixel ein.

.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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8