How to cross domain with CORS in client side?
<p>i setup a local web server (127.0.0.1) and i want to fetch content from other domain (<a href="http://edge.telin.swiftserve.com" rel="nofollow">http://edge.telin.swiftserve.com</a>) with javascript. but it return a error in console web browser. it said </p>

<p><code>Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://edge.telin.swiftserve.com/live/livetv-mbr/amlst:fa161aa74311/chunklist_b1328000.m3u8?stime=20160907142814&amp;etime=20160907182814&amp;encoded=0157a3207a0dbe56fac02. (Reason: CORS header 'Access-Control-Allow-Origin' missing)</code></p>

<p>i succeful fetch the content if i installed a cors extension in chrome browser and failed to fetch if i'm not install it.</p>

<p>this's the code </p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"&gt;&lt;/script&gt;
&lt;video id="video" width="640" height="360" controls&gt;&lt;/video&gt;
&lt;script&gt;
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('http://edge.telin.swiftserve.com/live/livetv-mbr/amlst:fa161aa74311/chunklist_b1328000.m3u8?stime=20160907142814&amp;etime=20160907182814&amp;encoded=0157a3207a0dbe56fac02');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>