diff --git a/ui/controls.js b/ui/controls.js index 698d69f9ce..b9d128d51f 100644 --- a/ui/controls.js +++ b/ui/controls.js @@ -1463,7 +1463,7 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget { } // Use the cursor specified in the CSS file. - this.videoContainer_.style.cursor = ''; + this.videoContainer_.classList.remove('no-cursor'); this.recentMouseMovement_ = true; @@ -1516,7 +1516,7 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget { */ onMouseStill_() { // Hide the cursor. - this.videoContainer_.style.cursor = 'none'; + this.videoContainer_.classList.add('no-cursor'); this.recentMouseMovement_ = false; this.computeOpacity(); } diff --git a/ui/less/containers.less b/ui/less/containers.less index 06a88b7f5d..cc129408c5 100644 --- a/ui/less/containers.less +++ b/ui/less/containers.less @@ -426,3 +426,11 @@ /* keep the rewind button to the left */ .absolute-position(); } + +.shaka-video-container.no-cursor { + cursor: none !important; + + * { + cursor: none !important; + } +}