HTML5 video - отключить только полноэкранный режим

Question

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

Я вижу, что «элементы управления» в общем случае являются только истинным/ложным утверждением, но я ищу способ отключить полноэкранный вариант видео.

Я мог бы управлять ложью и использовать автовоспроизведение видео. Тогда у меня нет элементов управления - и видео просто будет воспроизводиться .. - но я считаю, что это слишком решительное решение.

Итак, какое решение можно решить для достижения того, что я ищу?

Answer 1

controls - это двоичное состояние, у вас либо есть то, что предоставляет браузер, либо у вас ничего нет.

Если вы не хотите, чтобы браузер предоставлял полный экран управления, но все же нуждался в пользовательском интерфейсе, вам необходимо отключить элементы управления и реализовать собственный пользовательский интерфейс с помощью JavaScript.

Answer 2

Для браузеров, которые используют теневую DOM (например, новейшую версию Chrome), вы все равно можете использовать элементы управления по умолчанию, но скрыть полноэкранную кнопку.

Просто не забудьте включить его в вашем CSS:

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

Как тень DOM манипуляции, как это становится все более распространенным явлением, все больше браузеров, мы надеемся поддержать его. До тех пор придерживайтесь пользовательских элементов управления или помещайте видео в iframe, пока ваш src указывает на html-файл с тегом video, и вы указываете allowfullscreen="false" для iframe.