Awesome q2a theme

How to make custom buttons for HTML5 video?

0 like 0 dislike
33 views
Do a video on website using EasyRTC.
It is necessary to tag video in make your buttons, which will replace the native controls. Family I concealed display on :hover custom and while the video is not in fullscreen, the buttons work.
And in full screen mode the buttons are not clickable.
Someone faced?
by | 33 views

2 Answers

0 like 0 dislike
Fullscreen need to include the video itself, and the container is the wrapper
\rhttps://jsfiddle.net/Stalk/gq72u7y7/
by
0 like 0 dislike
You can still try to style the existing elements using shadow DOM. Here is the pseudo-elements
video::-webkit-media-controls-fullscreen-button {} video::-webkit-media-controls-play-button {} video::-webkit-media-controls-timeline {} video::-webkit-media-controls-current-time-display{} video::-webkit-media-controls-time-remaining-display {} video::-webkit-media-controls-mute-button {} video::-webkit-media-controls-toggle-closed-captions-button {} video::-webkit-media-controls-volume-slider {}
by

Related questions

0 like 0 dislike
1 answer
How to make a video chat using Webrtc?
asked Apr 27, 2019 by danylokiz
0 like 0 dislike
2 answers
How to do video chat 1 on 1 for the local network?
asked May 12, 2019 by prozra4niy
0 like 0 dislike
1 answer
The relevance of the technologies, what to choose?
asked Jun 1, 2019 by otwebsafe
0 like 0 dislike
1 answer
WebRTC How to get android stream?
asked Jun 2, 2019 by Dnomin

Most popular tags

javascript php css html jquery wordpress python linux web-development mysql android windows java layout c# computer-networks node.js cpp iron yii vue.js 1C-Bitrix react laravel django nginx system-administration search-engine-optimization api ubuntu the-it-education. ajax sql programming hosting cms design apache google-chrome bootstrap Vkontakte macos google network-administration git laptops algorithms regular-expressions unity-game-engine email angular database network-equipment software wooсommerce debian .net ios information-security video law-in-it browsers books parsing wi-fi game-development career htaccess postgresql telegram mikrotik mobile-development ruby-on-rails the-domain-name-system modx Yandex c json opencart Habr freelance vpn asp.net windows-server symfony bots hard-drives math qt DIY audio frontend payment-system bash electronics gulp.js user-interface docker online-shopping
110,608 questions
257,187 answers
0 comments
40,796 users