title: 416 (Requested Range Not Satisfiable) HTTP error when using a blob as the video "src"
body: <p>I created an object url with a blob</p>
  
  <pre><code>let src = URL.createObjectURL(blob)
  </code></pre>
  
  <p>and used it as my video <code>src</code> attribute, but it causes this error:</p>
  
  <pre><code>GET blob:http://localhost:4200/ab3cc5aa-19cc-41f1-a4b7-55e1fa3ce85c 416 (Requested Range Not Satisfiable)
  </code></pre>
  
  <p>Any idea on how to fix this?</p>
  
  <hr>
  
  <p>Although I think my problem is general, I'm using angular 2, so precisely, my code looks like this:</p>
  
  <pre><code>let src = this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(blob));
  </code></pre>
  
  <p>and the template</p>
  
  <pre><code>&lt;video *ngFor="let videoUrl of _videos" [src]="videoUrl"&gt;&lt;/video&gt;
  </code></pre>
  
  <p>Also, I'm using angular-cli as my server, and since this looks like a server error (?), it might be useful to know.</p>