Dynamisches Zuweisen von Videos zu einem Player

In diesem Thema werden verschiedene Möglichkeiten behandelt, wie Videos Spielern dynamisch zugewiesen werden können.

Möglicherweise müssen Sie das mit einem Player verknüpfte Video ändern. Beispielsweise kann der Betrachter möglicherweise steuern, welches Video er sehen möchte. Möglicherweise basiert das Video im Player darauf, von welchem Teil der Website der Betrachter stammt.

Wenn Sie in einem Player verschiedene Videos anzeigen müssen, wird empfohlen, einen Player zu verwenden und das dem Player zugeordnete Video dynamisch zu ändern.

Die folgenden Techniken werden in diesem Thema beschrieben:

Inhalte können mithilfe der Katalog-API auch dynamisch einem Player zugewiesen werden. Weitere Informationen und Beispielcode finden Sie im Entwicklerdokument Quellvideos dynamisch ändern.

Übergabe der Video-ID als URL-Parameter

Sie können die Videoquelle für einen Player ändern, indem Sie die Video-ID mithilfe des Formulars als URL-Parameter übergeben ?videoId=YOUR_VIDEO_ID.

http://players.brightcove.net/20318290001/f1d70e07-8480-4bbd-b4ef-747e9333a034_default/index.html?videoId=4292158104001

Übergabe der Referenz-ID als URL-Parameter

Sie können die Videoquelle für einen Player ändern, indem Sie die Referenz-ID als URL-Parameter über das Formular übergeben ?videoId=ref:YOUR_VIDEO_REF_ID.

http://players.brightcove.net/20318290001/f1d70e07-8480-4bbd-b4ef-747e9333a034_default/index.html?videoId=ref:1234

Ändern des Einbettungscodes zur Bereitstellung einer Video-ID

Sie können dem Player-Einbettungscode direkt mithilfe der Video-ID ein Video Cloud-Video zuweisen.

In-Page-Einbettungscode

Fügen Sie das Attribut hinzu data-video-id="YOUR_VIDEO_ID" zum <video> Etikett:

<video-js   data-account="57838016001"
  data-player="6e44f16e-31e9-48b2-83b9-6edd71217540"
  data-embed="default"
  data-video-id="68143720001"
  class="video-js"
  controls></video-js>
<script src="https://players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.min.js"></script>

iframe Code einbetten

Hinzufügen ?videoId=YOUR_VIDEO_ID bis zum Ende der URL in der src Attribut für den Iframe:

<iframe src='//players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.html?videoId=68143720001'
 allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>

Ändern des Einbettungscodes zur Angabe einer Referenz-ID

Sie können dem Player-Einbettungscode direkt anhand der Referenz-ID ein Video Cloud-Video zuweisen.

In-Page-Einbettungscode

Fügen Sie das Attribut hinzu data-video-id="ref:YOUR_VIDEO_REF_ID" zum <video> Etikett:

<video-js data-account="57838016001"
  data-player="6e44f16e-31e9-48b2-83b9-6edd71217540"
  data-embed="default"
  data-video-id="ref:68143720001"
  class="video-js"
  controls></video-js>
<script src="https://players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.min.js"></script>

iframe Code einbetten

Hinzufügen ?videoId=ref:YOUR_VIDEO_REF_ID bis zum Ende der URL in der src Attribut für den Iframe:

<iframe src='//players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.html?videoId=ref:68143720001'
 allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>