I want to change the cursor to a "hand" when I move the mouse over the buttons:
for an HTML5 video player . At the moment, the mouse pointer when passing over the player does not give an idea that you can interact with it. How can I fix this, since I have no idea how to change the CSS of those same buttons.
I checked one and saw that there are these pseudo-elements that you might be able to use:
video::-webkit-media-controls-play-button
video::-webkit-media-controls-volume-slider-container
video::-webkit-media-controls-volume-slider
video::-webkit-media-controls-fullscreen-button
Here is the complete list with more details: webkit-pseudo-elements
Based on the following question: CSS cursor style for html5 video elements
Place the class below or the css property cursor: pointer; into the div you want:
.cursor_pointer {
cursor: pointer;
}
Example: link
Reference: link
Other possibilities to use as a cursor: