2016-11-16 74 views
0

我试图根据用户点击到Brightcove HTML5播放器的链接动态传递数据视频ID。我试图使用jQuery,但无法找到将视频标签中的data-video-id标签中的变量插入的正确方法。预先感谢您的帮助。将视频ID传递给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 –

回答

0

OK - 发现,Brightcove公司推荐了一个解决办法:

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