title: Can I store videos as blobs in indexedDB?
body: <p>I'm writing a web app that lives locally on a desktop computer and can be run in either Firefox or Chrome. It uses HTML5 and the local database storage: <a href="https://developer.mozilla.org/en-US/docs/IndexedDB" rel="nofollow">IndexedDB</a>. The users need to be able to download videos from an online storage and add them automatically to the app. I can't use ajax to grab and check for the files (since it's on the local filesystem so it fails the same origin), so they instead click a link that opens the remote-hosted videos in a new tab and prompts for saving to the computer. At this point, my app doesn't know where the files are or that they exist locally yet (and depends on the user saving it to the correct folder). Firefox also does not have a FileSystem API.</p>
  
  <p>So instead, I want to make this more seamless to the user and have the app just download the blob data via JSONP into an indexedDB. But then it needs to be displayable via a <code>video</code> <code>source</code> or <code>object</code> flash tag. Is this possible? Can I set the source/data of those tags to be actual data and not a URL? So something like:</p>
  
  <p><strong>PSEUDO CODE</strong></p>
  
  <pre><code>&lt;video&gt;&lt;source src="data:video/mp4;base64,iVBORw0..."/&gt;&lt;/video&gt;
  &lt;video&gt;&lt;object data="data:video/flv;base64,iVBORw0..."/&gt;&lt;/video&gt;
  </code></pre>
  
  <p>Is there anything like this?</p>