Video360 player

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:

.s7video360viewer .s7video360player

CSS-Eigenschaften des Videoplayers

background-color

Hintergrundfarbe der Haupt-Ansicht.

Sie können die Fehlermeldung lokalisieren, die angezeigt wird, wenn das System das Video nicht abspielen kann.

Siehe Lokale Anpassung der Elemente der Benutzeroberfläche.

Beispiel: Zum Einrichten eines Video-Viewers mit einer Videoplayer-Größe von 512 x 288 Pixel.

.s7video360viewer .s7video360player{ 
background-color: transparent; 
}

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

.s7video360viewer .s7video360player .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: Um eine Pufferung mit einer Breite von 101 Pixeln und einer Höhe von 29 Pixeln einzurichten, müssen Sie eine Animation mit Pufferung einrichten:

.s7video360viewer .s7video360player .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