title: HTML5 Video - Auto select correct resolution
body: <p>I'm working on a page that has a list of houses for sale. Each listing has a short video with the option of watching in the page or full screen.</p>
  
  <p>I'm struggling a little with having the videos on the page at one resolution and the fullscreen at a higher resolution - this is needed especially for devices that automatically go fullscreen when the play icon is pressed.</p>
  
  <p>I've had good results with video.js (<a href="http://www.videojs.com/" rel="nofollow">http://www.videojs.com/</a>) for the page resolution but it doesn't appear to support resolution change on fullscreen. I found this thread with comments about the HTML spec and changing resolution mid-stream: <a href="https://github.com/videojs/video.js/pull/233" rel="nofollow">https://github.com/videojs/video.js/pull/233</a>.</p>
  
  <p>I'm told the embedded Youtube player selects the correct resolution automatically but the branded player makes this a non-starter.</p>
  
  <p>Also I've found that in IE10 without Flash that the embedded Vimeo player doesn't function and in Chrome without Flash the Vimeo and Youtube players fail as well... so much for HTML5!</p>
  
  <p>So anyone have a solution for showing video at the correct resolution (low/high) for the state of the player (contained/fullscreen)?</p>