Replace Low Res Video With High Res HD Video

I'm creating a site with full browser video (see http://bitstream.ca/). For an optimum experience I'd like to use a low quality video file first and download a high res video in th

Solution 1:

I would suggest using JavaScript to detect the users bandwidth and then with the result decide if the hi-res or low-res version should be downloaded.

This post should provide a good starting point.

Solution 2:

If your viewer support switching, then you can calculate the time when the download finish and launch the high res in the background. Give it a second before switching it to the fore ground.