title: Streaming live video in HTML5 and with HLS
body: <p>I wish to stream live video <a href="https://www.eoy.ee/metsis/muu" rel="nofollow noreferrer">in my https website</a> from <a href="http://tv.eenet.ee/metsis.html" rel="nofollow noreferrer">this http site.</a></p>
  
  <p>Added reference of hls.min.js into my template. Copy-pasted their code:</p>
  
  <pre><code>&lt;video id="video" width="320" height="240" controls autoplay 
  class="videoCentered"&gt;&lt;/video&gt;
  &lt;script&gt;
  if(Hls.isSupported()) {
  var video = document.getElementById('video');
  var hls = new Hls();
  hls.loadSource('/hls/metsis.m3u8');
  hls.attachMedia(video);
  hls.on(Hls.Events.MANIFEST_PARSED,function() {
    video.play();
  });
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>into my template, but the player doesn't start to stream.
  browser console says:</p>
  
  <blockquote>
    <p>Uncaught ReferenceError: Hls is not defined</p>
  </blockquote>
  
  <p>Where exactly is reference error? Here?</p>
  
  <pre><code>hls.loadSource('/hls/metsis.m3u8');
  </code></pre>