title: Creating Blob URL for iFrame
body: <p>I've been Googling around trying to find out to create blob URLs for iFrame and while i'm completely new to javascript iv'e managed to splice some code together which mostly works, however it's not loading the video.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;iframe class="test" width="500" height="300" /&gt;
  </code></pre>
  
  <p>JAVASCIPT:</p>
  
  <pre><code>var url = `https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_30mb.mp4`;
  
  var blob = new Blob([url], {type: 'video/mp4'});
  var iframe = document.querySelector(".test");
  iframe.src = URL.createObjectURL(blob);
  </code></pre>
  
  <p>can someone point out why this isn't working for me ? Like i said i'm new, so if possible could you kind of explain it instead of just supplying the answer.</p>
  
  <p>Thanks,
  Paul.</p>
  
  <pre><code>Uncaught TypeError: Failed to construct 'Blob': The provided value cannot be converted to a sequence.
  at window.onload
  
  (index):34 Uncaught ReferenceError: html is not defined
  at window.onload
  </code></pre>