2016-11-16 3 views
0

Ich versuche, eine Daten-Video-ID dynamisch zu übergeben, basierend auf dem Link, den der Nutzer auf einen Brightcove HTML5-Player klickt. Ich versuche, jQuery zu verwenden, aber ich habe Probleme, den richtigen Weg zu finden, die Variable in das Daten-Video-ID-Tag innerhalb des Video-Tags einzufügen. Vielen Dank im Voraus für jegliche Hilfe.Weitergabe der Video-ID an Brightcove HTML5-Player

JS: 
      function sendVal(brightcoveId) { 
       var myId = brightcoveId; 
       $("#video_1").html('data-video-id=" + (myId) + "'); 
      } 
     </script> 

HTML: 
<video 
     id="video_1" 
     data-account="54541216001" 
     data-player="a53534534-7a60-5f3a-9152-989ccbbf6112" 
     data-embed="default" 
     class="video-js" 
     controls 
     style="width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;"></video> 
+0

http://docs.brightcove.com/en/video-cloud/brightcove-player/samples/dynamically-change-video. html? _ga = 1.49675941.2034721298.1466615818 –

Antwort

0

OK - fand eine Abhilfe, die Brightcove empfiehlt:

// Initialise player 
    var brightcovePlayer; 
    // When the player's ready, let's get started 
    videojs("video_1").ready(function(){ 
     brightcovePlayer = this; 
    }); 
    function changeVideo(brightcoveId){ 
     brightcovePlayer.catalog.getVideo(brightcoveId, function(error, video) { 
      // Load the video 
      brightcovePlayer.catalog.load(video); 
      // Play the video 
      brightcovePlayer.play(); 
     }) 
    } 
Verwandte Themen