Inhalt x
    Hinzufügen oder Entfernen eines Players
    • 28 Apr 2025
    • Drucken
    Inhalt

    Hinzufügen oder Entfernen eines Players

    • Aktualisiert am 28 Apr 2025
    • Drucken
    Artikel-Zusammenfassung

    Hinzufügen oder Entfernen eines Players

    Das VideoPlayer.Collection-Objekt kann verwendet werden, um einen Player hinzuzufügen oder zu entfernen.

    Beispiel

    Im folgenden Beispiel werden ein Container für den Player und zwei Schaltflächen eingerichtet, mit denen Sie den Player bei Bedarf hinzufügen und entfernen können:

    HTML

    <!DOCTYPE html>
<html>
<head>
   <script type="text/javascript" src="//e.video-cdn.net/v2/embed.js"></script>
</head>
 
<body>
 
<div id="player_container"
     mi24-video-player
     disable-auto-creation
     video-id="<VideoID>"
     player-id="<PlayerID>"
     config-type="vmpro"
     flash-path="//e.video-cdn.net/v2/"
     api-url="//d.video-cdn.net/play"
     token="***"></div>
 
<button onclick="createPlayer()">create player</button>
<button onclick="removePlayer()">remove player</button>
 
<script type="text/javascript">
 
  var createPlayer = function () {
    VideoPlayer.Collection.addPlayerById("player_container");
  };
 
  var removePlayer = function() {
    VideoPlayer.Collection.removePlayerById("player_container");
  };
 
</script>
 
</body>
</html>

    Änderungen am Einbettungscode

    Beispiel:

    <script src="//e.video-cdn.net/v2/embed.js"></script>

    verwendet einen leicht geänderten Einbettungscode, um einen Container für den Player auf der Seite einzurichten:

    • Das Player-Skript wurde vom Einbettungscode getrennt und in den „head“-Tag verschoben.

    • Das Attribut „id“ wurde zum Einbettungscode hinzugefügt, damit die Funktion „addPlayerById“ verwendet werden kann.

    • Das Attribut “disable-auto-creation” wurde zum Einbettungscode hinzugefügt, damit der Player erst geladen wird, wenn auf die Schaltfläche create player“ geklickt wird.

    Erstellen und entfernen des Players

    Die Funktion createPlayer„ (Zeile 23) wird aufgerufen, wenn auf die Schaltfläche create player“ geklickt wird. Diese Funktion verwendet die Funktion addPlayerById“ der API, um den Player zur Seite hinzuzufügen.

    Die Funktion removePlayer„ (Zeile 27) wird aufgerufen, wenn die Schaltfläche remove player“ angeklickt wird. Diese Funktion verwendet die Funktion „removePlayerById“, um den Player zu entfernen.

    War dieser Artikel hilfreich?
    What's Next