title: Mixed content with hls.js
body: <p>I am trying to play HLS streams using the <a href="https://github.com/dailymotion/hls.js" rel="nofollow noreferrer">hls.js</a> library, the problem is that the site I'm trying to play streams on is https, the url to get the manifest is https so I get that fine but the links to the individual chunks are http. </p>
  
  <p>Hls.js uses XHR to get these chunks, which causes a mixed content error on my site. The stream provider does not serve these chunks over ssl and they don't have such plans in the near future. Is there a clever trickery I can use to get around this without comprmising the security on my site? </p>
  
  <p>I have googled for similar issue with this library and I came across <a href="https://github.com/dailymotion/hls.js/issues/392" rel="nofollow noreferrer">this</a> issue but it's not resolved. A possible solution would be to open a separate page and load the streams on there but that is last ditch.</p>