From 277511c636d8aa7c6b9df38777d0cf6b44e5a0a7 Mon Sep 17 00:00:00 2001
From: Dominika Liberda <ja@sdomi.pl>
Date: Tue, 6 Jul 2021 11:27:53 +0000
Subject: [PATCH] + hide cursor on play

---
 webroot/css/style.css |  4 ++++
 webroot/js/player.js  | 26 ++++++++++++++++----------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/webroot/css/style.css b/webroot/css/style.css
index d0f3fcc..94cdc90 100644
--- a/webroot/css/style.css
+++ b/webroot/css/style.css
@@ -5,6 +5,10 @@ pre {
 	white-space: pre-wrap;
 }
 
+.hide-cursor {
+	cursor: none;
+}
+
 /* Unimplemented buttons */
 .ytp-button-watch-later, .ytp-subtitles-button, .ytp-size-toggle-large {
 	display: none !important;
diff --git a/webroot/js/player.js b/webroot/js/player.js
index b76f87f..46fd84f 100644
--- a/webroot/js/player.js
+++ b/webroot/js/player.js
@@ -6,6 +6,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
 	const controlbar = document.querySelector(".html5-video-controls")
 	const video = document.getElementById('player_video');
 	const audio = document.getElementById('player_audio');
+	const movie = document.getElementById('movie_player');
 
 	loopInput.checked = false;
 
@@ -60,6 +61,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
 			if (shouldPlay) {
 				classList.remove('ytp-button-play');
 				classList.add('ytp-button-pause');
+				handleMouse("frame");
 				if (video.ended) {
 					video.currentTime = 0;
 					audio.currentTime = 0;
@@ -73,6 +75,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
 			} else {
 				classList.remove('ytp-button-pause');
 				classList.add('ytp-button-play');
+				clearTimeout(mouseMoveTimeout);
 				video.pause();
 				if (audio.src) {
 					audio.currentTime = video.currentTime; // sync audio to video on pause
@@ -159,8 +162,6 @@ window.addEventListener('DOMContentLoaded', (event) => {
 				document.webkitCancelFullScreen();
 			}
 		} else {
-			movie = document.getElementById('movie_player');
-
 			if (movie.requestFullscreen) {
 				movie.requestFullscreen();
 			} else if (movie.mozRequestFullScreen) {
@@ -230,16 +231,21 @@ window.addEventListener('DOMContentLoaded', (event) => {
 	let mouseMoveTimeout;
 
 	function handleMouse(type, e) {
+		movie.classList.remove("hide-cursor");
 		controlbar.style="transform: translateY(0px);";
 		clearTimeout(mouseMoveTimeout);
-		if(type != "controls") {
-			mouseMoveTimeout = setTimeout(() => {
-				controlbar.style="transform: translateY(40px);";
-			}, 2000);
-		} else if (type == "controls") {
-			mouseMoveTimeout = setTimeout(() => {
-				controlbar.style="transform: translateY(40px);";
-			}, 8000);			
+		if(video.paused == false) {
+			if(type != "controls") {
+				mouseMoveTimeout = setTimeout(() => {
+					controlbar.style="transform: translateY(40px);";
+					movie.classList.add("hide-cursor");
+				}, 2000);
+			} else if (type == "controls") {
+				mouseMoveTimeout = setTimeout(() => {
+					controlbar.style="transform: translateY(40px);";
+					movie.classList.add("hide-cursor");
+				}, 8000);			
+			}
 		}
 	}