Symboleffekt

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:

.s7video360viewer . s7video360player .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. Der Attributselektor 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 von 100 x 100 Pixel ein.

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

Auf dieser Seite