Center hls error message

This commit is contained in:
bytedream 2022-06-16 19:17:44 +02:00
parent f48adc3db3
commit 27c03c0b5b
3 changed files with 14 additions and 7 deletions

View File

@ -8,6 +8,8 @@
</head>
<body>
<video id="video"></video>
<p id="message" hidden></p>
<div id="message-container">
<p id="message" hidden></p>
</div>
</body>
</html>

View File

@ -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

View File

@ -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
}