Home
  • 25 Apr 2025

Home


Artikel-Zusammenfassung

Ü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:

  1. Fügen Sie den Einbettungscode zu Ihrer Seite hinzu.

  2. 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

video-id

Eine eindeutige Zeichenfolge zur Identifizierung und Unterscheidung der einzelnen Videos.

player-id

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.


War dieser Artikel hilfreich?