This repository has been archived by the owner on Mar 9, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
executable file
·42 lines (38 loc) · 1.75 KB
/
index.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
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Video.js + hls.js</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet"><!-- https://getbootstrap.com -->
<link href="https://vjs.zencdn.net/5.19.2/video-js.css" rel="stylesheet"><!-- https://videojs.com -->
<style type="text/css">
.video-js {
font-size: 1rem;
}
</style>
</head>
<body class="bg-light">
<div class="container">
<div class="my-5 embed-responsive embed-responsive-16by9">
<video id="video" class="embed-responsive-item video-js vjs-default-skin" width="640" height="360" autoplay controls></video>
</div>
<div class="row justify-content-around align-items-center">
<a class="btn btn-primary bg-lg" href="https://github.com/halibegic/hls" target="blank">GitHub</a>
</div>
</div>
<script src="https://vjs.zencdn.net/5.19.2/video.js"></script><!-- https://videojs.com -->
<script src="js/hls.min.js?v=v0.9.1"></script><!-- https://github.com/video-dev/hls.js -->
<script src="js/videojs5-hlsjs-source-handler.min.js?v=0.3.1"></script><!-- https://github.com/streamroot/videojs-hlsjs-plugin -->
<script src="js/vjs-quality-picker.js?v=v0.0.2"></script><!-- https://github.com/streamroot/videojs-quality-picker -->
<script>
var player = videojs('video');
player.qualityPickerPlugin();
player.src({
src: 'https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8',
type: 'application/x-mpegURL'
});
player.play();
</script>
</body>
</html>