Anleitungen/Inhalte erstellen/Medien/Den VideoPress-Player anpassen

Den VideoPress-Player anpassen

Du kannst den VideoPress-Player an das Design deiner Website anpassen und steuern, wie deine Videos präsentiert werden. In diesem Ratgeber erfährst du, wie du die Größe des Players anpasst, ein individuelles Vorschaubild festlegst, Wiedergabefunktionen aktivierst oder deaktivierst und die Fortschrittsleiste personalisierst.

Video-Tutorial

Dieses Video ist auf Englisch.
YouTube bietet automatische Übersetzungsfunktionen, damit du es in deiner Sprache ansehen kannst:

Automatisch übersetzte Untertitel:

  1. Spiele das Video ab.
  2. Klicke auf ⚙️ Einstellungen (unten rechts im Video).
  3. Wähle Untertitel/CC.
  4. Wähle Automatisch übersetzen.
  5. Wähle deine bevorzugte Sprache.

Automatische Synchronisation (experimentell):

  1. Klicke auf ⚙️ Einstellungen.
  2. Wähle Audiospur.
  3. Wähle die Sprache, in der du das Video hören möchtest.

ℹ️ Übersetzungen und Synchronisationen werden von Google erstellt, können ungenau sein und sind möglicherweise noch nicht für alle Sprachen verfügbar.

Größe des Players ändern

So änderst du die Größe deines VideoPress-Players direkt im WordPress-Editor:

  1. Klicke auf den VideoPressBlock, um ihn auszuwählen.
  2. Achte auf die Ziehpunkte zur Größenänderung (kleine Quadrate) an den Rändern oder Ecken des Videoplayers.
  3. Klicke und ziehe einen Handle, um die Breite oder Höhe des Players an deine bevorzugte Größe anzupassen.
  4. Lass die Maustaste los, um die neue Größe festzulegen.
  5. Klicke auf Speichern oder Veröffentlichen, um die Änderungen anzuwenden.

Vorschaubild auswählen

Das Vorschaubild ist ein kleines Standbild, das vor der Wiedergabe deines Videos angezeigt wird. Du kannst einen Frame aus deinem Video auswählen oder ein beliebiges Bild hochladen.

  1. Wähle den VideoPress-Block aus und öffne die Seitenleiste mit den Blockeinstellungen.
    • Wenn die Seitenleiste nicht angezeigt wird, klicke in der rechten oberen Ecke auf das Icon Einstellungen.
  2. Wähle im Abschnitt Standbild und Vorschau eine der folgenden Optionen aus:
    • Aus Videoframe auswählen: Scrolle durch die Video-Timeline, um einen Frame als Vorschaubild auszuwählen.
    • Vorschaubild auswählen: Lade ein neues Bild hoch oder wähle eines aus deiner Mediathek aus.
  3. Du kannst über den Umschalter auch die Option Videovorschau bei Mauszeigerkontakt aktivieren, damit Besucher deine Videoinhalte durchsehen können.
  4. Klicke auf Speichern oder Veröffentlichen, um die Änderungen anzuwenden.
Die Option „Standbild und Vorschau“ in der Seitenleiste der VideoPress-Blockeinstellungen.

💡

Verwende ein Vorschaubild, das mindestens der Auflösung deines Videos entspricht, um die beste Qualität zu erhalten (verwende z. B. ein Bild im Format 1920 x 1080 für ein Video mit 1080px).

Wiedergabe anpassen

Du kannst steuern, wie dein Video abgespielt wird und welche Optionen den Zuschauern zur Verfügung stehen.

  1. Wähle den VideoPress-Block aus und öffne die Seitenleiste mit den Blockeinstellungen.
    • Wenn die Seitenleiste nicht angezeigt wird, klicke in der rechten oberen Ecke auf das Icon Einstellungen.
  2. Passe unter Wiedergabe die folgenden Optionen an:
    • Autoplay: Das Video startet automatisch, wenn die Seite geladen wird.
      Erinnerung Einige Browser blockieren die automatische Wiedergabe möglicherweise, wenn das Video nicht stummgeschaltet ist.
    • Schleife: Wiederholt die Wiedergabe des Videos.
    • Stumm: Das Video wird ohne Ton gestartet. Die Stummschaltung kann bei Bedarf aufgehoben werden.
    • Steuerung anzeigen: Blendet die Wiedergabesteuerungen (Wiedergabe, Pause, Lautstärke usw.) ein oder aus.
    • Inline-Wiedergabe: Spielt das Video auf Mobilgeräten inline statt im Vollbildmodus ab.
    • Preload: Wähle aus, wie viel des Videos geladen wird, wenn die Seite geladen wird (Nichts, Metadaten, automatisch).
  3. Klicke auf Speichern oder Veröffentlichen, um die Änderungen anzuwenden.
Die Wiedergabeoptionen in der Seitenleiste der VideoPress-Blockeinstellungen.

Farbe der Fortschrittsleiste verändern

Du kannst die Farbe der Fortschrittsleiste personalisieren, um sie besser an dein Video- oder Website-Design anzupassen.

  1. Wähle den VideoPress-Blockaus und öffne dann die Seitenleiste für Blockstile.
    • Wenn die Seitenleiste nicht angezeigt wird, klicke in der rechten oberen Ecke auf das Icon Einstellungen.
  2. Dynamische Farben sind standardmäßig aktiviert, d. h. die Farben werden während der Wiedergabe an das Video angepasst.
  3. Du kannst die Option zum Festlegen der Farben deaktivieren:
    • Hauptfarbe: Die Standardfarbe der Fortschrittsleiste.
    • Geladen: Die Farbe der Leiste, sobald das Video geladen wurde.
    • Fortschritt: Die Farbe der Leiste, während das Video geladen wird.
  4. Klicke auf Speichern oder Veröffentlichen, um die Änderungen anzuwenden.

Abstände und Ränder anpassen

Passe den Abstand und die Ränder um den VideoPress-Player über die Dimensionseinstellungen an, die du in der Seitenleiste für Blockstile findest.

VideoPress-Shortcode

Du kannst ein Video auch mithilfe eines Shortcodes einfügen und seine Größe steuern, indem du diese Schritte befolgst:

  1. Klicke in deinem Dashboard auf Medien.
  2. Klicke auf das Video, für das du den Shortcode haben möchtest.
  3. Kopiere den Shortcode, indem du auf den Button Kopieren klickst, wie in der Abbildung unten gezeigt.
    • Ein VideoPress-Shortcode beginnt mit dem [-Symbol, gefolgt von wpvideo oder videopress, einer Zeichenfolge und einem schließenden ]-Symbol.
    • Beispiel:

[wpvideo YN4MKhAB]

Der untere Abschnitt einer Video-Detailseite in Medien mit hervorgehobenem Shortcode.
  1. Bearbeite den Beitrag oder die Seite, wo du dieses Video zeigen möchtest.
  2. Klicke auf den + Block-Inserter und füge einen Shortcode-Block hinzu.
  3. Füge den Shortcode aus Schritt 3 ein und gib dann w=XXX vor der abschließenden Klammer an, um die Breite in Pixel anzugeben, wie hier:

[wpvideo YN4MKhAB w=400]

Du kannst die Videobreite größer oder kleiner einstellen, solange sie der Breite der Beitragsspalte deines Themes entspricht.

VideoPress-Shortcode-Attribute

Der Shortcode kann die folgenden Attribute akzeptieren, um das Standardverhalten zu ändern.

  • w=X für die Breite in Pixel, ohne Einheiten.
  • h=Y für die Höhe in Pixel, ohne Einheiten.
  • hd=true/false, um die HD-Wiedergabe zu erzwingen.
  • freedom=true/false, um zu erzwingen, dass nur Open-Source-Videoformate verwendet werden.
  • autoplay=true/false, um das Video beim Laden automatisch abzuspielen.
  • loop=true/false, um das Video automatisch immer wieder abzuspielen.
  • controls=false, um die Standard-Videosteuerungen bei der Anzeige eines Videos auszublenden.

Du kannst die gewünschten Attribute verwenden, indem du sie vor dem schließenden ]-Symbol hinzufügst: [wpvideo OcobLTqC attribute=value]. Beispiel:

[wpvideo OcobLTqC w=640 h=400 autoplay=true loop=true]

Copied to clipboard!