How can I remove this thing from the video?

Question

Browsers

when you hover over a video, this button appears, although when you hover over other videos that are in the same div, it is not there.

<div class="card shadow-sm">
  <video class="controlsFalse" disablePictureInPicture autoplay loop muted>
      <source src="{{ url_for('static', filename='videos/1.mp4') }}">
  </video>
</div>

disablePictureInPictureDoes not help.

Answer 1

This liberties of the browser, called picture-in-picture, appear for HTML5 <video> elements.
In FireFox, for example, you can remove it in two ways :

1. when this thing appeared, right click on it and "Hide Picture-In-Picture Toggle"
   
2. go to browser settings and there find and turn off the item "Enable picture-in-picture video controls"
   

Answer 2

No way. "These things" - functionality added by the browser.
And they should appear on all videos). It's more likely that you're doing something wrong if they don't show up.
And not vice versa.

Answer 3

This thing is a browser feature, the only way to remove it is to switch to another browser

Answer 4

in theory, you can display video on canvas and this icon will not appear, this will slightly reduce the efficiency of using iron (the battery will be spent more), solutions are googled - html5 video inside canvas (or file your own 360-degree video player)

Answer 5

Opera and Yandex Browser are pushing this feature too boldly.
Unfortunately, there are no ways to remove this button in these browsers.