Arbeiten mit Widgets > 2D > Video
  
Video
Was macht dieses Widget?
Das Widget "Video" ermöglicht es Ihnen, ein Video in ein Erlebnis einzuschließen. Zu den unterstützten Dateiformaten gehören:
.mp4
.webm
Wann sollte ich dieses Widget verwenden?
Gibt es besondere Eigenschaften, Dienste, Ereignisse oder Aktionen?
Eine Liste von allgemeinen Widget-Eigenschaften, -Diensten und -Ereignissen finden Sie unter Allgemeine Widget-Eigenschaften, -Dienste und -Ereignisse.
Die folgende Tabelle ist eine Liste von Eigenschaften, die für dieses Widget spezifisch sind.
Eigenschaft
JavaScript
Typ
Beschreibung
Videoquelle
videosrc
resource url
Um ein Video einzuschließen, können Sie einen der folgenden Schritte ausführen:
Klicken Sie neben dem Feld auf , um eine neue Videodatei hinzuzufügen.
Geben oder fügen Sie eine Video-URL direkt in das Feld ein.
Wählen Sie im Dropdown-Menü eine Videodatei aus.
Informationen zum Verknüpfen mit Remote-Medien finden Sie unter Link zu Remote-Medien.
Steuerelemente anzeigen
showcontrols
boolean
Wählen Sie aus, ob die Steuerelemente angezeigt werden sollen.
Im Voraus laden
preload
string
Wählen Sie aus, was im Voraus geladen wird:
Inhalt
Nur Metadaten
Keine
Wird wiedergegeben
isPlaying
boolean
Zeigt an, ob das Video wiedergegeben wird.
Dienst
JavaScript
Beschreibung
Wiedergeben
play
Gibt das Video wieder.
Anhalten
pause
Hält das Video an.
Ereignis
JavaScript
Beschreibung
Wiedergabe gestartet
playStarted
Wird ausgelöst, wenn das Video beginnt.
Wiedergabe angehalten
playPaused
Wird ausgelöst, wenn das Video angehalten wird.
Wiedergabe beendet
playEnded
Wird ausgelöst, wenn das Video endet.
Das Widget in Aktion
Hier ist ein Beispiel, wie Ihr Widget aussehen könnte.
Minimale Schritte, die für die Verwendung erforderlich sind
Wie das Ergebnis aussieht
1. Ziehen Sie ein Video-Widget in die Canvas, und legen Sie es ab.
2. Wählen Sie eine Video-Ressource im Feld Videoquelle aus, oder fügen Sie sie hinzu.
* 
In diesem Beispiel haben wir uns dafür entschieden, den Inhalt sofort nach dem Öffnen des Erlebnisses anzuzeigen, indem wir Inhalt aus dem Dropdown-Menü Im Voraus laden im Fensterbereich DETAILS ausgewählt haben.