Zum Hauptinhalt gehen

Ein- und Ausblendung der Steuerelemente im Player

Aktualisiert

Die Steuerelemente im Video.Taxi Player lassen sich wie folgt individuell ein- und ausblenden:

  • Um Steuerelemente im Player anzuzeigen:
    • Hinzufügen des folgenden Parameters zur src-URL des Players mit den Steuerelementen die aktiviert werden sollen: controls[]=play-large&controls[]=play&controls[]=duration 
  • Um Steuerelemente im Player auszublenden:
    • Hinzufügen des folgenden Parameters zur src-URL des Players mit den Steuerelementen die deaktiviert werden sollen: controls_rm[]=play-large&controls_rm[]=volume 
  • Wenn Parameter zum Anzeigen und Ausblenden von Steuerelementen hinzugefügt werden, wird das anzuzeigende Element bevorzugt.
  • Bei Verwendung mehrerer Parameter können diese mit einem &-Zeichen verbunden werden. Zum Beispiel ?param1=true&param2=false

Liste der Steuerelemente

  • play-large // Der große "Play Button" in der Mitte
  • play // Abspielen/Pause Wiedergabe
  • progress // Der Fortschrittsbalken und der Scrubber für Wiedergabe und Buffering
  • current-time // Die aktuelle Zeit der Wiedergabe
  • duration // Die Gesamtlaufzeit des Inhalts
  • mute // Stummschaltung
  • volume // Lautstärke-Regelung
  • captions // Untertitel Umschaltung
  • settings // Einstellungsmenü
  • download // Downloadmenü
  • pip // Bild-in-Bild (aktuell nur in Safari)
  • airplay // Airplay (aktuell nur in Safari)
  • fullscreen // Vollbild Umschaltung
  • quality // Umschaltung Bildqualität

Beispiel für iFrame:

<iframe width="850" height="478" src="https://media.video.taxi/embed/M8FKQb3lBsPo?controls_rm[]=volume" frameborder="0" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture" allowfullscreen></iframe>

 

Autoplay-Header-Video ohne Steuerelemente im Loop

Um ein Autoplay-Header-Video ohne Steuerelemente im Loop anzuzeigen, blende alle Steuerelemente aus und verwende zusätzlich folgende Parameter:

  • title=false // Ausblendung des Video-Titels
  • mute=true // Automatische Stummschaltung
  • loop=true // Aktivierung Endlosschleife

Beispiel für iFrame:

<iframe width="850" height="478" title="Video.Taxi Trailer" src="https://media.video.taxi/embed/M8FKQb3lBsPo?controls_rm[]=play-large&controls_rm[]=play&controls_rm[]=progress&controls_rm[]=current-time&controls_rm[]=duration&controls_rm[]=mute&controls_rm[]=volume&controls_rm[]=captions&controls_rm[]=settings&controls_rm[]=download&controls_rm[]=pip&controls_rm[]=airplay&controls_rm[]=fullscreen&controls_rm[]=quality&title=false&mute=true&loop=true" frameborder="0" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture" allowfullscreen></iframe>

Verwandte Beiträge