title: Getting "Not allowed to load local resource" error while trying to attach a MediaSource object as the source of a HTML5 video tag
body: <p>I am trying to get <a href="http://html5-demos.appspot.com/static/media-source.html" rel="noreferrer">this</a> example to work. It works fine when I click the link. But when I try to download the HTML file on my local machine and try the same, it is throwing this error.</p>
  
  <p>Not allowed to load local resource: blob:null/6771f68d-c4b8-49a1-8352-f2c277ddfbd4</p>
  
  <p>The line of code that seems to be causing the issue is this,</p>
  
  <p><code>video.src = window.URL.createObjectURL(mediaSource);</code></p>
  
  <p>What this line of code is doing is basically trying to set the source of the video tag media element to the MediaSource object. I have tried various permutations without much luck.</p>
  
  <p>I am using Chrome Version 28.0.1500.72 m, which is the latest stable release.</p>
  
  <p>I would appreciate any pointers.</p>