title: VideoJS live RTMP stream, player and video size issue
body: <p>I have setup a page with a videojs html5 player that automatically starts to play a remote RTMP live stream.  It works.</p>
  
  <p>When I start the stream the video appears as a tiny box in the top left of the player.  The player is 1280x720 and the video is streaming from a computer or android phone at any resolution, but it also starts in the top left corner.</p>
  
  <p>I haven't measured the resolution of the video in the corner but I'd guess it's about 40x40.  When I select the fullscreen option the video stretches to full screen.  When I shut off fullscreen the  video correctly fills in the player. </p>
  
  <p>I would expect the video to start and fill the player right away without having to fullscreen/restore it.  Any advice or direction would be greatly appreciated it.</p>
  
  <p>This is what I'm working with</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt; Stream Player &lt;/title&gt;
   &lt;link href="video-js.css" rel="stylesheet" type="text/css"&gt;
    &lt;script src="video.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      videojs.options.flash.swf = "video-js.swf";
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body bgcolor=000000&gt;
   &lt;center&gt;
    &lt;font face="verdana" color=993333&gt;&lt;h1&gt;Test&lt;/h1&gt;&lt;/font&gt;
     &lt;video id="livestream" class="video-js vjs-default-skin vjs-big-play-centered"
       controls autoplay preload="auto" width="1280" height="720"
       data-setup='{"example_option":true}'&gt;
        &lt;source src="rtmp://webserver.example:1935/live/streamname" type="rtmp/mp4"&gt;
     &lt;/video&gt;
   &lt;/center&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>