Как убрать вот эту вот штуку с видео?

Question

[aqau123]

при наведении на видео появляется вот эта кнопочка, хотя при наведении на другие видео, стоящие в этом же диве, её нет.

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

disablePictureInPicture не помогает.

Comments

[Максим]

Переделайте видео в гифку ...

Answer 1

[Сергей Соколов]

Это вольность браузера, называется picture-in-picture, появляется для HTML5 <video> элементов.

В FireFox например, можно убрать двумя способами:

1. когда появилась эта штука, правой кнопкой по ней и "Hide Picture-In-Picture Toggle"
   
2. залезть в Настройки браузера и там найти и выключить пункт "Enable picture-in-picture video controls"
   

Answer 2

[Алексей Дубровин]

Никак. "Эти штуки" - функционал добавленные браузером.
И они должны появляться на всех видео). Скорее что вы делаете что-то не так, если они не появляются.
А не наоборот.

Answer 3

[EmeraldGuy]

Эта штука - функция браузера, единственный способ убрать её - переходить на другой браузер

Answer 4

[rPman]

в теории можно выводить видео на canvas и эта иконка не появится, это немного понизит эффективность использования железа (батарейка будет сильнее тратиться), решения гуглятся - html5 video inside canvas но делать так не надо, так делают только если хотят совсем насмерть рекламу в видео вшить (или запилить свой 360-градусов видео проигрыватель)