2013-10-09 2 views
3

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

ответ

2

Не в кросс-браузере, но элементы управления построены с элементами Shadow DOM. В Chrome, по крайней мере, вы можете включить Show Shadow DOM в настройках инструментов Dev, осмотреть элементы управления видеопроигрывателем и получить CSS, который вам нужно будет предоставить, чтобы повлиять на эти элементы (в браузерах веб-браузера).

Извините, не уверен, что поддержка в других браузерах для проверки и стилизации вещей Shadow DOM.

0

Вот пример codepen, где вы можете увидеть некоторые образцы стилизации элементов управления видео HTML5: codepen.io/BainjaminLafalize/pen/GiJwn

Это для WebKit браузеров, основанных только - Chrome, Opera и Safari. Для Firefox и Edge/IE - стиль невозможен на данный момент (август 2017 года).