-
Notifications
You must be signed in to change notification settings - Fork 50
/
player.html
32 lines (31 loc) · 1.26 KB
/
player.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ace Link</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.17.1/video-js.min.css" integrity="sha512-d4c0djrxPfHtfWvKxxUpyL7jQxHfXf8ijfTcmbK9NZUYpl/Bclwj5SlWDpjxJfq1ah1JAqyFj8T00DmxiX+LJw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.17.1/video.min.js" integrity="sha512-1uwt7WCM9SM+AUswuXkIqIPZ4XMhKja83bo3GPjR/FyuXvsy87tp+/see3X8+dSDJZCKxbhGD8UoKvoCF37a5A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<style>
body, html, video, .video-js {
margin: 0;
padding: 0;
width: 100vw;
height: 100vh;
}
.video-js .vjs-big-play-button {
top: 45%;
left: 50%;
transform: translate(-50% -50%);
}
</style>
</head>
<body>
<video class="video-js vjs-default-skin" controls width="100%" height="100%"></video>
<script>
document.title = `${document.title} [${"{player_id}".substr(0, 7)}]`;
const player = videojs(document.querySelector('video'));
player.src(`http://127.0.0.1:6878/ace/manifest.m3u8?id={player_id}`);
player.play();
</script>
</body>
</html>