title: how to play blob video in angular
body: <p>i am building a mobile app with a=ionic,i want to be able to play a blob file from uploaded video but i got this in the console</p>
  <pre><code>unsafe:blob:http://localhost:8100/3d42df5b-d852-4cac-83d8-af0c6d514b04 net::ERR_UNKNOWN_URL_SCHEME
  </code></pre>
  <p>Here is my code</p>
  <pre><code>&lt;input type=&quot;file&quot;accept=&quot;video/*&quot; #fileInput name=&quot;proPics&quot; (change)=&quot;onSelectedFile($event)&quot;&gt;
  
      preview(files) {
          var URL = window.URL || window.webkitURL;
          this.vidURL = URL.createObjectURL(files)
      }
      onSelectedFile(event){
          this.selectedFile = &lt;File&gt;event.target.files[0]
          this.preview(this.selectedFile)
      }
  </code></pre>
  <p>When i tried to upload a video file, i got that in the console, please I need your help, what did i do wrong</p>