diff --git a/src/ui/hls/hls.html b/src/ui/hls/hls.html index e960421..6ff202f 100644 --- a/src/ui/hls/hls.html +++ b/src/ui/hls/hls.html @@ -8,6 +8,8 @@ - +
+ +
diff --git a/src/ui/hls/hls.sass b/src/ui/hls/hls.sass index 4e4ad28..152f77a 100644 --- a/src/ui/hls/hls.sass +++ b/src/ui/hls/hls.sass @@ -11,6 +11,12 @@ video top: 0 left: 0 -#message - color: white - text-align: center +#message-container + display: flex + justify-content: center + align-items: center + height: 100% + + #message + color: white + text-align: center diff --git a/src/ui/hls/hls.ts b/src/ui/hls/hls.ts index a1b7c61..0ee2591 100644 --- a/src/ui/hls/hls.ts +++ b/src/ui/hls/hls.ts @@ -3,9 +3,8 @@ import {matches, Reliability} from "../../match/match"; import Hls from "hls.js"; function show_message(message: string) { - const messageElement = document.getElementById('message') as HTMLParagraphElement - messageElement.innerText = message - messageElement.hidden = false + document.getElementById('message').innerText = message + document.getElementById('message-container').hidden = false document.getElementById('video').hidden = true }