I'm trying to figure out if it is possible to change the CSS property for cursor
on a default HTML5 video
element. So far, my testing has concluded:
No user-agents (browsers) implement
cursor: pointer
by default. So you are left with the normal OS arrow/control indicatorWhen you attempt to set
cursor: pointer
, the user-agents will change the cursor ONLY when the cursor is not over clickable elements within thevideo
element... ie: play, pause, seek, mute, fullscreen.This seems to be reverse the implementation of what SHOULD happen. The clickable elements of the
video
tag (control bar, center play button) should get the cursor style...or hell, just apply it to the whole thing.
Does anyone have any insight on this?
cursor: auto
.cursor: auto
should bepointer
when an item is clickable, no?