title: Resizing videoJS, container resized, but actual vid still original size
body: <p>I am resizing my videojs player on <code>window.resize</code></p>
  
  <p>The black "video container", if you will, gets resized, but the actual video, stays the same size. It will now shrink inside its container (resized), or overlap its container (resized to smaller).</p>
  
  <p>A page reload rebuilds the player and it plays within its new bounds.</p>
  
  <p>How do I tell it to re-initialize on the new size, without a page reload.</p>
  
  <p>What makes this extra interesting, is that it seems to work when running on my localhost, development web-server. Running it on on-line hosting, renders above issues.</p>
  
  <pre><code>function redrawVideoPlayer() {
  
      var newHeight
      var newWidth
      newWidth = $(window).width() * 0.33;
      newHeight = newWidth * 0.75;
  
      $('#ytvidplayer').css('height', newHeight);
  
      $('#ytvidplayer').css('width', newWidth);
  
      //set related video div height eual to video height
  
      $('#related_vids_scroller').css('height', newHeight);
  
      var myVideo = videojs('ytvidplayer');
      myVideo.width(newWidth).height(newHeight);
      myVideo.load();
      myVideo.play();
  }
  </code></pre>