У меня есть приложение, которое загружает веб-страницу в элемент управления 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>