title: How to remove download video option from an iframe
body: <p>I am currently using Linux to solve this and using apache to view it on my windows system.
  It only happens in Linux as in windows. If I run this code, it works as intended, and it also works in the Linux browser. But when I try to run it in windows browser from Linux, it shows the 'download option.'</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(() =&gt; {
    $('video').attr('controlsList', 'nodownload');
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>video::-internal-media-controls-download-button {
    display: none;
  }
  
  video::-webkit-media-controls-enclosure {
    overflow: hidden;
  }
  
  video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;li&gt;&lt;a href="Recordings/abc.webm" target="video"&gt;Session 1 &lt;/a&gt; &lt;/li&gt;
  &lt;div id="frame" style="width:100%;height:100%"&gt;
    &lt;iframe id="frame-id" style="height:89vh;width:100%;" name="video" allowTransparency="true" frameborder="0" controls controlsList="nodownload"&gt;
      &lt;video autoplay playsinline style="pointer-events: none;"&gt;
        &lt;source src="Recordings/abc.webm" type="video/webm"&gt;
      &lt;/video&gt;
    &lt;/iframe&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Output showing the download option
  <img src="https://i.stack.imgur.com/GmLUG.png" alt="" /></p>