Videoplayer

Der Videoplayer ist der rechteckige Bereich, in dem der Videoinhalt im Viewer angezeigt wird.

Wenn die Abmessungen des abgespielten Videos nicht mit den Abmessungen des Videoplayers übereinstimmen, wird der Videoinhalt innerhalb des Rechteckanzeigebereichs des Videoplayers zentriert.

Die folgende CSS-Klassenauswahl steuert das Erscheinungsbild des Videoplayers:

.s7mixedmediaviewer .s7videoplayer

CSS-Eigenschaften des Videoplayers

background-color

Die Hintergrundfarbe des Videoplayers.

Die Fehlermeldung, die angezeigt wird, wenn das System das Video nicht abspielen kann, kann lokalisiert werden. Weitere Informationen finden Sie unter Lokale Anpassung der Elemente der Benutzeroberfläche.

Beispiel: So machen Sie den Videoplayer transparent:

.s7mixedmediaviewer .s7videoplayer { 
 background-color: transparent; 
}

Beschriftungen werden im Video-Player in internen Container eingefügt. Die Position dieses Containers wird von unterstützten WebVTT-Positionierungsoperatoren gesteuert. Der Beschriftungstext selbst befindet sich innerhalb dieses Containers. sein Stil wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7mixedmediaviewer .s7videoplayer .s7caption

CSS-Eigenschaften von Beschriftungen

CSS-Eigenschaft

Beschreibung

background-color

Beschriftungstexthintergrund.

color

Beschriftungstextfarbe.

font-Gewichtung

Schriftart-Gewichtung.

font-size

Schriftgröße.

font-family

Schriftfamilie.

Beispiel - So richten Sie den Beschriftungstext auf einem halbtransparenten schwarzen Hintergrund auf einen hellgrauen Arial mit 14 Pixel ein:

.s7mixedmediaviewer .s7videoplayer .s7caption { 
 background-color: rgba(0,0,0,0.75); 
 color: #e6e6e6; 
 font-weight: normal; 
 font-size: 14px; 
 font-family: Arial,Helvetica,sans-serif; 
}

Das Erscheinungsbild der Pufferanimation wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7mixedmediaviewer .s7videoplayer .s7waiticon

CSS-Eigenschaften des Wartezeichens

CSS-Eigenschaft

Beschreibung

width

Breite des Animationssymbols

height

Höhe des Animationssymbols

margin-left

Animationssymbol links, normalerweise minus die Hälfte der Breite des Symbols.

margin-top

Animationssymbole am oberen Rand, normalerweise minus der Hälfte der Höhe des Symbols.

background-image

Knob-Grafik.

Beispiel: So richten Sie eine Animation mit Pufferung auf eine Breite von 101 Pixeln und eine Höhe von 29 Pixeln ein:

.s7mixedmediaviewer .s7videoplayer .s7waiticon { 
 width: 101px; 
 height: 29px; 
 margin-left: -50px; 
 margin-top: -15px; 
 background-image: url(images/sdk/busyicon.gif); 
}

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