In the example below, we add a background color as well as play with the padding and margin of the timeline. To style the timeline of the video, we can use the pseudo-element selector video::-webkit-media-controls-timeline. In the example below, we add a background color as well as a border-radius to the mute button. To style the mute button, we can use the pseudo-element selector video::-webkit-media-controls-mute-button. In the example below, we add a background color to the volume slider as well as make some changes in its padding and margin. To style a volume slider, we can use the pseudo-element selector video::-webkit-media-controls-volume-slider. In the example below, we add a background color and a border-radius to the play button. To style a video player's play button, we can use the pseudo-element selector video::-webkit-media-controls-play-button. In the example below, we use it to change the background color of the video player. To style a video player's general container, which includes all of the elements in a video player, we can use the pseudo-element selector video::-webkit-media-controls-panel. So, it's recommended to view the examples below on Chrome to see how the styling works. However, we'll see in the examples below that styling with these selectors mostly only works with Chrome. Video : :-webkit-media-controls-toggle-closed-captions-button Video : :-webkit-media-controls-return-to-realtime-button Video : :-webkit-media-controls-rewind-button Video : :-webkit-media-controls-fullscreen-button Video : :-webkit-media-controls-seek-forward-button Video : :-webkit-media-controls-seek-back-button Video : :-webkit-media-controls-time-remaining-display Video : :-webkit-media-controls-timeline-container Video : : -webkit-full-page-media : :-webkit-media-controls-panel Video : :-webkit-media-controls-current-time-display Video : :-webkit-media-controls-mute-button Video : :-webkit-media-controls-volume-slider Video : :-webkit-media-controls-volume-slider-container Video : :-webkit-media-controls-play-button
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |