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 @@