title: How to hide mp4 video on devtools network?
body: <p>I have a block where I display a video using blob, I just want to hide a video into a devtools network.</p>
  
  <p><a href="https://i.stack.imgur.com/arC6H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/arC6H.png" alt="HIDE THIS"></a></p>
  
  <p>Here is what I have tried so far</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;video id="videoplayer" playsinline autoplay controls&gt;
    &lt;source src="" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>window.onload = function() {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', '/videos/mena.mp4', true);
    xhr.responseType = 'blob'; //important
    xhr.onload = function(e) {
      if (this.status == 200) {
        console.log("loaded");
        var blob = this.response;
        var video = document.getElementById('videoplayer');
        video.oncanplaythrough = function() {
          console.log("Can play through video without stopping");
          URL.revokeObjectURL(this.src);
        };
        video.src = URL.createObjectURL(blob);
        video.load();
      }
    };
    xhr.send();
  }
  </code></pre>
  
  <p>The above function generates this link below perfectly as I want:</p>
  
  <pre><code>blob:http://localhost:8080/bb58f8d4-a5b8-43e2-99f4-7a4a7bbfe60c
  </code></pre>
  
  <p>if you visit youtube video and inspect a video there is no link displayed in devtools </p>
  
  <p><a href="https://i.stack.imgur.com/0rFHJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0rFHJ.png" alt="enter image description here"></a></p>
  
  <p>How can I hide the mp4 link in devtools network?</p>