Отключить полноэкранный режим по двойному щелчку? - PullRequest
0 голосов
/ 10 марта 2020

У меня есть приложение, которое загружает веб-страницу в элемент управления webview2 (Edge Chromium), загружаемая страница просто содержит видео тег html5 с источником и немного css для стиля.

css, который я использую, заставляет видео занимать всю область страницы браузера, которая работает нормально, но я хочу отключить возможность входа в полноэкранный режим (как, например, занятие всей области рабочего стола).

Я могу скрыть полноэкранную кнопку в css, выполнив:

::-webkit-media-controls-fullscreen-button {
    display: none !important;
}

Но при двойном щелчке видео все равно может перейти в полноэкранный режим.

Я пытался переместить видео на дополнительную страницу, созданную в iframe с donotallowfullscreen, но это по-прежнему не работает, двойной щелчок по-прежнему приводит к полноэкранному режиму.

<iframe src="Player.html" allow="autoplay; encrypted-media" donotallowfullscreen></iframe>

Что еще можно предпринять, чтобы запретить видео входить в полноэкранный режим? Я пробовал поискать в Google, но все результаты относятся к встраиванию видео на YouTube.

Не знаю, зачем это нужно, но вот полный воспроизводимый код ....

Индекс. html

<html>
<body>
<iframe donotallowfullscreen src="Iframe.html"></iframe>
</body>
</html>

Iframe. html

<html>
<body>
<video controls src="video.mkv"></video>
</body>
</html>

1 Ответ

0 голосов
/ 11 марта 2020

Существует атрибут controlsList , который находится в процессе определения, но все еще есть некоторые проблемы , которые необходимо решить, пока он не стал официальным, и в настоящее время он кажется реализовано только в браузерах Blink .

video{ max-height: 100vh; }
<video  controls
  src="https://upload.wikimedia.org/wikipedia/commons/a/a4/BBH_gravitational_lensing_of_gw150914.webm"></video>

Я не проверял IE, но в Safari они даже не учитывают allow

Так что Единственный способ заставить эту работу работать во всех браузерах - полностью создать собственные элементы управления и заблокировать щелчки на элементе (pointer-events: none).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...