title: Fast loading stream - HTML/HTML5/Javascript
body: <p>I have access to some live stream URLs, so I'm making an HTML5 app so I can watch them, and switch the URLs when I want. The only problem I'm having is that the stream is loading very slowly (more than 10-12 seconds before it's playing).. Once they get played they never stops or lags, so the server that's serving do have a good bandwidth. I know that it is possible to load them in like 2 seconds, but the video tag in HTML5 does not do that..</p>
  
  <p>I could load 3 video tags (one for the next stream, one for previous, and one that's already playing , but that's just not too handy, and it can slow down the internet connection with 3 streams that's running at the same time). </p>
  
  <p>Does anyone know how to load a stream pretty quickly, so it doesn't buffer that much before playing (it is not needed to buffer more than it needs, it will not be possible to go fast forward on the stream as it is live)? Maybe start the stream with low quality so it can start playing instantly and then turn up the quality as it gets buffered?</p>
  
  <p>I don't want any flash scripts, I only want HTML/Javascript. </p>
  
  <p>It would be amazing if you could help!
  Thank you!</p>