From 6d69e4969e1b25c76e3e018c2b5b84ca881a9989 Mon Sep 17 00:00:00 2001
From: aler9 <46489434+aler9@users.noreply.github.com>
Date: Mon, 23 Aug 2021 12:33:09 +0200
Subject: [PATCH] hls: set html video height to 100%

---
 internal/core/hls_muxer.go | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)
diff --git a/internal/core/hls_muxer.go b/internal/core/hls_muxer.go
index 7bafcef8..6c00ab26 100644
--- a/internal/core/hls_muxer.go
+++ b/internal/core/hls_muxer.go
@@ -32,13 +32,12 @@ const index = `<!DOCTYPE html>
 <head>
 <meta charset="utf-8">
 <style>
-#video-wrapper {
-	width: 100%;
-	padding-bottom: 56.25%;
-	position: relative;
+html, body {
+	margin: 0;
+	padding: 0;
+	height: 100%;
 }
 #video {
-	position: absolute;
 	width: 100%;
 	height: 100%;
 	background: black;
@@ -47,7 +46,7 @@ const index = `<!DOCTYPE html>
 </head>
 <body>
 
-<div id="video-wrapper"><video id="video" muted controls autoplay></video></div>
+<video id="video" muted controls autoplay></video>
 
 <script src="https://cdn.jsdelivr.net/npm/hls.js@1.0.0"></script>
 
