vplayer.js

$( document ).ready(function() {
  var URL = window.URL || window.webkitURL;
  var displayMsg = function (msg, className){
      $('#message')[0].innerHTML = '<p class="'+className+'">' + msg + '</p>';;
  };
  // Check if blob urls are supported
  if (!URL) {
    var notSupportedMsg = 'Your browser is not <a href="http://caniuse.com/bloburls">supported</a>!';
    displayMsg(notSupportedMsg, 'error');
    return;
  }
  // Load Video (with subtitles) 
  $('#vidForm').submit(function(event) {
      event.preventDefault();
      var vInput = $('#vInput')[0];
      var sInput = $('#sInput')[0];
      // Check if video file has been selected
      if (vInput.files && vInput.files.length < 1) {
          displayMsg('Please select an input video file', 'error');
          return;    
      }
      // Get video file params
      var vFile = vInput.files[0];
      var vType = vFile.type;
      var vUrl = URL.createObjectURL(vFile);
      // Get subtitle params
      var sFile = "", sType = "", sUrl = "";
      if (sInput.files && sInput.files.length > 0) {
          sFile = sInput.files[0];
          sType = sFile.type;
          sUrl = URL.createObjectURL(sFile);
          // Append to video element
          var trackElem = '<track kind="captions" src="' + sUrl + '" scrlang="en" label="English" default>';
          $('#vidPlayer').append(trackElem);
      }
      // Try playing the video 
      try{
           _V_("vidPlayer").ready(function(){
               this.src({ 'type' : vType,
                          'src' : vUrl
                        });
               this.play();
               if (sUrl) {
                   // Show subtitle class
                   $('#sAdjust').removeClass('hidden');
                   // Pin subtitle to bottom
                   $('.vjs-text-track-display').css('bottom', '1em');
               }
           });
           displayMsg("Video loaded successfully, now you can full screen it and Chromecast it !!!", 'info');
       } catch(ex) {
           console.log(ex);
       }
  });

  // increase subtitles font size
  $('#sIncrease').click(function(event) {
      var track = $('.vjs-text-track-display');
      var currSize = parseInt(track.css('font-size'), 10);
      var newSize = currSize + 5;
      track.css('font-size', newSize);
      // Pin subtitle to bottom
      track.css('bottom', '1em');
  });

  // decrease subtitles font size
  $('#sDecrease').click(function(event) {
      var track = $('.vjs-text-track-display');
      var currSize = parseInt(track.css('font-size'), 10);
      var newSize = currSize - 5;
      track.css('font-size', newSize);
      // Pin subtitle to bottom
      track.css('bottom', '1em');
  });
});