Я знаю, что вы можете настроить элементы управления видео, чтобы создать свои собственные кнопки/макет, но есть ли способ, которым я могу просто сделать элементы управления по умолчанию более крупными?HTML5 Video Controls - сделать больше?
3
A
ответ
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 года).
Смежные вопросы
- 1. Styling HTML5 Video Controls
- 2. Скрытие HTML5 Video Controls
- 3. javascript video custom controls
- 4. html5 video не запускается
- 5. ios html5 video mp4
- 6. jquery video html5 multiple video tacking
- 7. html5 video player
- 8. Увеличить видеоконтроль html5 video
- 9. html5 mp4 video player
- 10. Vimeo Video Player в HTML5
- 11. HTML5 Video IE9 Red X
- 12. Magnific Popup with html5 video
- 13. xml - XSL html5 embed video
- 14. HTML5 Video views counter
- 15. HTML5 Video автозапуск в Android
- 16. jquery: анимационный элемент html5 video?
- 17. Html5 video command
- 18. html5 video chat
- 19. HTML5 Video - Fallback Linked Image
- 20. html5 video under image
- 21. HTML5 video in chrome
- 22. html5 video preload
- 23. html5 video and firefox
- 24. Html5 Video & Source tag
- 25. HTML5 video tearing/stretching - Firefox
- 26. firefox - html5 video - default video fallback не отображается
- 27. HTML5 Video Play/Pause вопрос
- 28. html5 video background video on ios
- 29. Visual C# HTML5 Video
- 30. Предотвращение html5 video