brightcove video

by Nabaraj Saha

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<div class="logfile"></div>
<div class="videocontainer">
<div class="" style="display: block; position: relative; max-width: 300px;"><div style="padding-top: 50%;"><video data-playlist-id="5397776552001" 
data-account="5288560598001" 
data-player="r1VRoXUvl" 
data-embed="default" id="player1"
data-application-id 
class="video-js" 
controls 
style="width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;"></video>
<script src="//players.brightcove.net/5288560598001/r1VRoXUvl_default/index.min.js"></script>
  </div></div><ol class="playlist"></ol></div>
<div class="videocontainer">
<div style="display: block; position: relative; max-width: 300px;"><div style="padding-top: 50%;"><video data-playlist-id="5287196918001" 
data-account="5288560598001" 
data-player="r1VRoXUvl" 
data-embed="default"  id="player2"
data-application-id 
class="video-js" 
controls 
style="width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;"></video>
<script src="//players.brightcove.net/5288560598001/r1VRoXUvl_default/index.min.js"></script></div></div><ol class="playlist"></ol></div>

JavaScript

var myPlayers = Array(videojs("player1"), videojs("player2"));
console.log(videojs.players)
var players = videojs.players;

for(player in players){
  if(players[player]["isReady_"]){
  //players[player].ready(function(){
        
  	var playlists = players[player].playlist();
  	//console.log("playlists "+playlists)
    var playerid = players[player]["id_"];
    var playerparent = $("#"+playerid).parents(".videocontainer");
    $.each(playlists, function(index, data){
    		playerparent.find(".playlist").append('<li><img src="'+data.thumbnail+'"></li>');
        console.log("each playlist "+data);
    })
    $(".playlist li img").off("click").on("click",function(e){
    			console.log(players[player].catalog);
          players[player].catalog.getVideo('5394995725001', function(error, video) {
            //deal with error
            players[player].catalog.load(video);
          });
    })
  }
}