2016-11-16 4 views
0

J'essaie de transmettre dynamiquement un ID de données vidéo en fonction du lien que l'utilisateur clique sur un lecteur HTML5 Brightcove. J'essaie d'utiliser jQuery mais j'ai du mal à trouver la bonne façon d'insérer la variable dans la balise data-video-id dans la balise vidéo. Merci d'avance pour toute aide.Passer l'identifiant vidéo au lecteur Brightcove HTML5

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 –

Répondre

0

OK - a trouvé une solution Brightcove recommande:

// 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(); 
     }) 
    }