Question

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 the background. When the high res has fully downloaded I want to swap out the low res. Pretty sure this is possible using javascript along with some listeners of the video object, but am unsure how to proceed.
Can anyone help?

Answer 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.