Symboleffekt

Letzte Aktualisierung: 2021-09-23
  • Erstellt für:
  • Developer
    User

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:

.s7interactivevideoviewer . 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 die Attributauswahl state. Das Attribut state="play" wird verwendet, wenn das Video mitten in der Wiedergabe angehalten wird, und state="replay" wird verwendet, wenn sich der Abspielkopf am Ende des Streams befindet.

Beispiel

Richten Sie ein Wiedergabesymbol mit 100 x 100 Pixel ein.

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

Auf dieser Seite