domi/bashtube
1
0
Fork 0
Code Issues 13 Pull requests Packages Projects Releases Wiki Activity

+ hide cursor on play

Browse source
This commit is contained in:
Dominika Liberda 2021-07-06 11:27:53 +00:00
parent 76380821d9
commit 277511c636
2 changed files with 20 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
webroot/css/style.css
View file

@ -5,6 +5,10 @@ pre {
white-space: pre-wrap; white-space: pre-wrap;
} }
.hide-cursor {
cursor: none;
}
/* Unimplemented buttons */ /* Unimplemented buttons */
.ytp-button-watch-later, .ytp-subtitles-button, .ytp-size-toggle-large { .ytp-button-watch-later, .ytp-subtitles-button, .ytp-size-toggle-large {
display: none !important; display: none !important;

26
webroot/js/player.js
View file

@ -6,6 +6,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
const controlbar = document.querySelector(".html5-video-controls") const controlbar = document.querySelector(".html5-video-controls")
const video = document.getElementById('player_video'); const video = document.getElementById('player_video');
const audio = document.getElementById('player_audio'); const audio = document.getElementById('player_audio');
const movie = document.getElementById('movie_player');
loopInput.checked = false; loopInput.checked = false;
@ -60,6 +61,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
if (shouldPlay) { if (shouldPlay) {
classList.remove('ytp-button-play'); classList.remove('ytp-button-play');
classList.add('ytp-button-pause'); classList.add('ytp-button-pause');
handleMouse("frame");
if (video.ended) { if (video.ended) {
video.currentTime = 0; video.currentTime = 0;
audio.currentTime = 0; audio.currentTime = 0;
@ -73,6 +75,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
} else { } else {
classList.remove('ytp-button-pause'); classList.remove('ytp-button-pause');
classList.add('ytp-button-play'); classList.add('ytp-button-play');
clearTimeout(mouseMoveTimeout);
video.pause(); video.pause();
if (audio.src) { if (audio.src) {
audio.currentTime = video.currentTime; // sync audio to video on pause audio.currentTime = video.currentTime; // sync audio to video on pause
@ -159,8 +162,6 @@ window.addEventListener('DOMContentLoaded', (event) => {
document.webkitCancelFullScreen(); document.webkitCancelFullScreen();
} }
} else { } else {
movie = document.getElementById('movie_player');
if (movie.requestFullscreen) { if (movie.requestFullscreen) {
movie.requestFullscreen(); movie.requestFullscreen();
} else if (movie.mozRequestFullScreen) { } else if (movie.mozRequestFullScreen) {
@ -230,16 +231,21 @@ window.addEventListener('DOMContentLoaded', (event) => {
let mouseMoveTimeout; let mouseMoveTimeout;
function handleMouse(type, e) { function handleMouse(type, e) {
movie.classList.remove("hide-cursor");
controlbar.style="transform: translateY(0px);"; controlbar.style="transform: translateY(0px);";
clearTimeout(mouseMoveTimeout); clearTimeout(mouseMoveTimeout);
if(type != "controls") { if(video.paused == false) {
mouseMoveTimeout = setTimeout(() => { if(type != "controls") {
controlbar.style="transform: translateY(40px);"; mouseMoveTimeout = setTimeout(() => {
}, 2000); controlbar.style="transform: translateY(40px);";
} else if (type == "controls") { movie.classList.add("hide-cursor");
mouseMoveTimeout = setTimeout(() => { }, 2000);
controlbar.style="transform: translateY(40px);"; } else if (type == "controls") {
}, 8000); mouseMoveTimeout = setTimeout(() => {
controlbar.style="transform: translateY(40px);";
movie.classList.add("hide-cursor");
}, 8000);
}
} }
} }