Возможно ли изменить скин/цвет html5 по умолчанию

Можно ли изменить цвет видеоигр html5 по умолчанию или полный скин?

<video id="sampleMovie" src="HTML5Sample.mov" controls></video>

enter image description here

Ответ 1

Невозможно повторно очистить браузеры от внешних элементов управления HTML5. Тем не менее, вы можете полностью их опустить (удалив атрибут управления) и реализовать свои собственные элементы управления с помощью HTML, CSS и API видео HTML (хорошая ссылка здесь).

Здесь здесь, где вы начнете.

Ответ 2

Да, если ваш браузер поддерживает теневой DOM. В этом случае у вас будут доступны селекторы для темы на css, например:

*::-webkit-media-controls-panel {
   background-color: red !important;
}

И много других псевдоатрибутов. Чтобы поиграть с ним, вы можете изучить теневой DOM на crome, включив "Показывать теневой DOM агента пользователя" на:

Инструменты разработчика → Настройки → Настройки → Показать теневой DOM агента пользователя

Ответ 3

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

это решение, вы должны создать вручную видеоплеер из html + css + js/swf и я думаю, что изменение невозможно, за исключением того, что вы используете мою инструкцию.

Ответ 4

Дело в том, что стили управления мультимедиа доступны только глубоко в тени. Здесь есть список: https://gist.github.com/afabbro/3759334

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

Обратите внимание, что вы можете проверить теневой DOM в своем браузере, чтобы увидеть классы, добавленные в теневые элементы, но вы можете редактировать только те, с префиксом "-webkit"