hls, webrtc: in web page, prevent video from overflowing (#2958)

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);

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);

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);