Video-Player-Symboleffekt

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

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

.s7mixedmediaviewer . s7videoplayer .s7iconeffect

CSS-Eigenschaften des Wiedergabesymbols

background-image

Das angezeigte Bild für das Wiedergabesymbol.

background-position

Position innerhalb des Bildausschnitt, 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. state="play" wird verwendet, wenn das Video in der Mitte der Wiedergabe angehalten wird, und state="replay" wird verwendet, wenn sich der Abspielkopf am Ende des Streams befindet.

Beispiel

Richten Sie ein Wiedergabesymbol im Format 100 x 100 Pixel ein.

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

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now