title: How to disable Picture in Picture mode on HTML5 video
body: <p>How do you disable <strong>Picture in Picture</strong> mode on html5 videos?</p>
  
  <blockquote>
    <p>Please note I'm not referring to this <a href="https://stackoverflow.com/questions/32726385/how-to-disable-picture-in-picture-mode-for-default-video-player">question</a> which relates to
    Apple's AVKit</p>
  </blockquote>
  
  <p>I know you can disable video download with <code>controlsList="nodownload"</code>, how is it possible for <strong>Picture in Picture</strong> mode.</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-html lang-html prettyprint-override"><code>&lt;video controls controlsList="nodownload"&gt;
    &lt;source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/mp4"&gt;
    &lt;source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/ogg"&gt;
  &lt;/video&gt;</code></pre>
  </div>
  </div>
  </p>