- 25 Apr 2025
- Drucken
Home
- Aktualisiert am 25 Apr 2025
- Drucken
Überblick
Der movingimage Player verfügt über eine JavaScript-API, die es Ihnen ermöglicht, den Player zu steuern, die Nutzung zu verfolgen und Analysen zu sammeln.
Mit der JavaScript-API können Sie:
Hinzufügen, Entfernen oder Herstellen einer Verbindung zu einem Player mithilfe der VideoPlayerCollection
Steuern Sie grundlegende Player-Funktionen wie Wiedergabe, Pause und Stopp
Registrieren Sie Funktionen für Player-Ereignisse, um Nutzungsstatistiken zu erfassen oder interaktive Funktionen hinzuzufügen
Hinweis: Wenn „Lazy Loading“ aktiviert ist, kann der Player erst dann über die API aufgerufen werden, wenn ein Benutzer auf „Play“ klickt. Dies ist darauf zurückzuführen, dass der Player durch Lazy Loading erst bei Bedarf geladen wird.
Erste Schritte mit der JavaScript-API
Voraussetzungen
VideoManager Pro: Überprüfen Sie die Einstellung für träges Laden (aufgeführt unter Zusätzliche Einstellungen" des Players). Wenn träges Laden aktiviert ist, wird der Player (einschließlich der API) erst geladen, wenn ein Benutzer auf Wiedergabe klickt.
Codes einbetten: Suchen Sie den Videoeinbettungscode in Ihrem VideoManager Pro-Konto in der Veröffentlichungsansicht. Er sieht wie folgt aus:
<div mi24-video-player video-id="4Zo1QNH5FKxQDLsgKBpvD8" player-id="2X32X_p31xVFCpkY7KoDhj" config-type="vmpro" flash-path="//e.video-cdn.net/v2/" api-url="//d.video-cdn.net/play"> </div><script src="//e.video-cdn.net/v2/embed.js"></script>
Alternativ können Sie den embed-codes Endpunkt der movingimage REST API verwenden.
Embed Codes
Jeder Einbettungscode enthält den JavaScript-Quellcode, der benötigt wird, damit der Einbettungscode funktioniert. Er muss jedoch nur einmal auf der Seite eingefügt werden, unabhängig davon, wie viele Videos eingebettet sind.
Der Einbettungscode enthält auch ein<div>
-Element, das das mi24-video-player
Tag und die folgenden Attribute enthält:
video-id
: Eine eindeutige Zeichenfolge zur Identifizierung des eingebetteten Videos.player-id
: Eine eindeutige Zeichenfolge, die den Player identifiziert, den das eingebettete Video verwendet.config-type
: Gibt den VideoManager-Typ an, für den der Einbettungscode bestimmt ist.flash-path
: Der Flash-Pfad des Players.api-url
: Die URL der API.
So verwenden Sie die JavaScript-API:
Fügen Sie den Einbettungscode zu Ihrer Seite hinzu.
Verwenden Sie die Video- und Player-IDs, um in JavaScript auf den Player zu verweisen.
Tipps:
Verwenden Sie die zweite Option zum Hinzufügen des Players, bei der der Player automatisch geladen wird, sobald er verfügbar ist.
Die Video- und Player-IDs finden Sie im Akkordeonmenü der Metadaten des Videos oder Players in VideoManager Pro.
Video and Player IDs
Die Video- und Player-IDs sind erforderliche Einbettungscode-Attribute. Alle Videos und Player in einem VideoManager haben ihre eigenen eindeutigen IDs. Der Einbettungscode für jedes Video enthält eine video-id und eine player-id.
Embed code | Beschreibung |
---|---|
| Eine eindeutige Zeichenfolge zur Identifizierung und Unterscheidung der einzelnen Videos. |
| Eine eindeutige Zeichenfolge zur Identifizierung und Unterscheidung der einzelnen Player. |
Tipps:
Wir empfehlen dringend, die zweite Option für das Hinzufügen des Players zu verwenden, bei der der Player automatisch geladen wird, sobald er verfügbar ist. Die erste Option sollte nur verwendet werden, wenn Sie den Player manuell hinzufügen möchten.
Sie finden die Video- und Player-IDs im Akkordeonmenü der Metadaten des Videos oder Players in VideoManager Pro.