From b32bc8dee9a78d0fcb4761f1128ed43b7a8e1e2d Mon Sep 17 00:00:00 2001
From: Alessandro Ros <aler9.dev@gmail.com>
Date: Sat, 3 Feb 2024 11:30:44 +0100
Subject: [PATCH] hls, webrtc: in web page, prevent video from overflowing
 (#2958)

---
 internal/servers/hls/index.html            | 4 +++-
 internal/servers/webrtc/publish_index.html | 5 ++++-
 internal/servers/webrtc/read_index.html    | 4 +++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/internal/servers/hls/index.html b/internal/servers/hls/index.html
index f4573909..d2336c63 100644
--- a/internal/servers/hls/index.html
+++ b/internal/servers/hls/index.html
@@ -8,10 +8,12 @@ html, body {
 	margin: 0;
 	padding: 0;
 	height: 100%;
-	overflow: hidden;
 	font-family: 'Arial', sans-serif;
 }
 #video {
+	position: absolute;
+	top: 0;
+	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgb(30, 30, 30);
diff --git a/internal/servers/webrtc/publish_index.html b/internal/servers/webrtc/publish_index.html
index 8062ea53..5eee1491 100644
--- a/internal/servers/webrtc/publish_index.html
+++ b/internal/servers/webrtc/publish_index.html
@@ -11,6 +11,9 @@ html, body {
 	font-family: 'Arial', sans-serif;
 }
 #video {
+	position: absolute;
+	top: 0;
+	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgb(30, 30, 30);
@@ -22,7 +25,7 @@ html, body {
 	justify-content: center;
 	padding: 10px;
 	flex-direction: column;
-	height: 100%;
+	min-height: 100%;
 	width: 100%;
 	box-sizing: border-box;
 	background: rgb(30, 30, 30);
diff --git a/internal/servers/webrtc/read_index.html b/internal/servers/webrtc/read_index.html
index 0ebaca89..a5a22ce3 100644
--- a/internal/servers/webrtc/read_index.html
+++ b/internal/servers/webrtc/read_index.html
@@ -8,10 +8,12 @@ html, body {
 	margin: 0;
 	padding: 0;
 	height: 100%;
-	overflow: hidden;
 	font-family: 'Arial', sans-serif;
 }
 #video {
+	position: absolute;
+	top: 0;
+	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgb(30, 30, 30);