​

// This example script hides the "Big Play Button" (a.k.a. BPB), 

// which may be useful to prevent it flashing and presenting a

// playable UI

​

var player = videojs(document.querySelector('.video-js'));

var bpb = player.getChild('bigPlayButton');

​

// It's always a good idea to verify that a component exists before

// doing things with it.

if (bpb) {

  // Hide the BPB as early as possible, before the player is ready.

  bpb.hide();

  player.ready(function() {

    var promise = player.play();

​

    // If no promise is returned, show the BPB immediately.

    if (promise === undefined) {

      bpb.show();

    // If a promise is returned, wait until it either succeeds or

    // fails to show the BPB.

    } else {

      promise.then(function() {

        bpb.show();

      }, function() {

        bpb.show();

      });

    }

  });

}

​