1
I want to change the cursor to a "hand" when I move the mouse over the buttons:
to a video player HTML5. At the moment, the mouse pointer when it passes over the player has no idea that it can interact with it. How can I fix that since I have no idea how to change the CSS of those same buttons.
3
I did some research and I saw that there are these pseudo-elements that maybe you can 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
I based myself on the following question:CSS cursor style for Html5 video Elements
0
Put the class below or the css property cursor: pointer; in the div you want:
.cursor_pointer {
cursor: pointer;
}
Example: https://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&preval=pointer
Reference: https://www.w3schools.com/cssref/pr_class_cursor.asp
Other possibilities to use as cursor:
Browser other questions tagged html css html5-video
You are not signed in. Login or sign up in order to post.
by chance had tried with this, before asking the question, but I must have used the wrong element. It works 5*
– ihavenokia