Videoplayer video-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 Anzeigebereichs für das Rechteck des Videoplayers zentriert.

Der folgende CSS-Klassenselektor 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 wiedergeben kann, kann lokalisiert werden. Siehe Lokalisierung der Elemente der Benutzeroberfläche für weitere Informationen.

Beispiel - So machen Sie den Videoplayer transparent:

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

Untertitel werden im Video-Player in einen internen Container eingefügt. Die Position dieses Containers wird durch unterstützte WebVTT-Positionierungsoperatoren gesteuert. Der Beschriftungstext selbst befindet sich in diesem Container. Der Stil wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7mixedmediaviewer .s7videoplayer .s7caption

CSS-Eigenschaften von Beschriftungen

CSS-Eigenschaft
Beschreibung
background-color
Beschriftungstexthintergrund.
color
Beschriftungstextfarbe.
Schriftstärke
Schriftstärke.
Schriftgröße
Schriftgröße.
Schriftfamilie
Schriftfamilie.

Beispiel - So legen Sie fest, dass Beschriftungstext auf einem halbtransparenten schwarzen Hintergrund 14 Pixel hellgraues Arial® sein soll:

.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 dem folgenden CSS-Klassenselektor gesteuert:

.s7mixedmediaviewer .s7videoplayer .s7waiticon

CSS-Eigenschaften des Wartezeichens

CSS-Eigenschaft
Beschreibung
width
Breite des Animationssymbols
height
Höhe des Animationssymbols
margin-left
Animationssymbol am linken Rand, normalerweise minus der Hälfte der Breite des Symbols.
margin-top
Der obere Rand des Animationssymbols, normalerweise minus der Hälfte der Höhe des Symbols.
background-image
Knob-Grafik.

Beispiel: Um eine Pufferanimation auf 101 Pixel breit und 29 Pixel hoch einzurichten:

.s7mixedmediaviewer .s7videoplayer .s7waiticon {
 width: 101px;
 height: 29px;
 margin-left: -50px;
 margin-top: -15px;
 background-image: url(images/sdk/busyicon.gif);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8