diff --git a/static/main.css b/static/main.css index 3769025..517ce74 100644 --- a/static/main.css +++ b/static/main.css @@ -235,6 +235,10 @@ body { left: 0; } +.header.full { + display: none; +} + video { width: 180px; height: 200px; diff --git a/static/main.js b/static/main.js index 32a7ee5..17df8dd 100644 --- a/static/main.js +++ b/static/main.js @@ -41,6 +41,7 @@ function controls(vid) { let bar = vid.querySelector('.progressbar'); let video = vid.querySelector('video'); let play = vid.querySelector('.play'); + let h = document.querySelector('.header'); video.onclick = play.onclick = () => { play.querySelector('img').src = !video.paused ? '/static/img/play.svg' : '/static/img/stop.svg'; @@ -56,9 +57,11 @@ function controls(vid) { isFull = !isFull; e.target.src = isFull ? '/static/img/tiny.svg' : '/static/img/full.svg'; if (isFull) { - vid.classList.add('full') + vid.classList.add('full'); + h.classList.add('full'); } else { - vid.classList.remove('full') + vid.classList.remove('full'); + h.classList.remove('full'); } } diff --git a/views/player.ejs b/views/player.ejs index 7ee149d..f1acdb0 100644 --- a/views/player.ejs +++ b/views/player.ejs @@ -22,7 +22,7 @@