hls: increase video size up to 100% of the page (#480)

This commit is contained in:
aler9 2021-08-14 16:51:51 +02:00
parent ffe4a2d1e7
commit 30910d52d2
1 changed files with 11 additions and 3 deletions

View File

@ -32,17 +32,25 @@ const index = `<!DOCTYPE html>
<head>
<meta charset="utf-8">
<style>
#video-wrapper {
width: 100%;
padding-bottom: 56.25%;
position: relative;
}
#video {
width: 600px;
height: 600px;
position: absolute;
width: 100%;
height: 100%;
background: black;
}
</style>
</head>
<body>
<div id="video-wrapper"><video id="video" muted controls></video></div>
<script src="https://cdn.jsdelivr.net/npm/hls.js@1.0.0"></script>
<video id="video" muted controls></video>
<script>
const create = () => {