diff --git a/htdocs/index.php b/htdocs/index.php
index 63cc70c..7cf9538 100644
--- a/htdocs/index.php
+++ b/htdocs/index.php
@@ -116,8 +116,8 @@ function sizeFormat($bytes) {
min-width: 95%;
}
video {
- max-height: 60vh;
- max-width: 95vw;
+ max-height: 60vh !important;
+ max-width: 95vw !important;
border-radius: 0.5em;
}
#skippers a {
@@ -185,7 +185,7 @@ function sizeFormat($bytes) {
} else {
// We have selected one, we add the video, slider, jumpers and filename placeholder.
echo("
");
- echo("");
+ echo("");
echo(" ");
echo("");
echo(" ");
@@ -309,10 +309,14 @@ function sizeFormat($bytes) {
// Used to keep the video's frame at a constant size.
// It looks like ass otherwise since it "flickers" between 2 sizes.
eVideo.addEventListener("playing", function() {
- eVideo.width = eVideo.offsetWidth;
- eVideo.height = eVideo.offsetHeight;
- eVideo.style.minWidth = eVideo.offsetWidth+"px";
- eVideo.style.minHeight = eVideo.offsetHeight+"px";
+ // We only change the size when not in fullscreen mode.
+ // This helps prevent sizing issues when going out of it after a new recording starts playing.
+ if(document.fullscreenElement === null) {
+ eVideo.width = eVideo.offsetWidth;
+ eVideo.height = eVideo.offsetHeight;
+ eVideo.style.minWidth = eVideo.offsetWidth+"px";
+ eVideo.style.minHeight = eVideo.offsetHeight+"px";
+ }
});
// Changes the "current video" number when moving the slider.
@@ -363,6 +367,7 @@ function sizeFormat($bytes) {
// Starting up the player, the list updater loop and setting the currently played vid number.
document.getElementById("vid-count-total").textContent = files.length;
playNextVideo();
+ eVideo.volume = 0.5;
setTimeout(updateVideoList, videoListUpdateIntervalMs);
}
});