Как реализовать кроссбраузенные кастомные controls в video тэге?

Приветствую! Возможно ли не прибегая к магии получить следующий результат: нужно, чтобы в фулскрине тэга video показывались только кастомные элементы управления с полным отключением нативных элементов управления (в сафари они один вид имеют, в хроме вторые, в мозилле третьи), как пример можно привести ютуб и другие сайты с онлайн просмотром видео. перепробовал немало готовых решений, но они, в основном, не работают в сафари или вообще, или не так, как надо. на данный момент использую hls.js и к ним написанные самим кастомные плей/пауза, выбор качества и раскрытие на фулскрин. также, к слову, пробовал, как пишут в гайдах, переназначать стили юзер агента - тоже безуспешно...
в общем, основные проблемы: не получается скрыть нативные controls в сафари и вывести через z-index кастомные.
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ответы на вопрос 1
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
https://videojs.com/ - лучше плеера я ещё не встречал за свою жизнь
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы