forked from haideralipunjabi/youtuber-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
stream.html
98 lines (79 loc) · 4.23 KB
/
stream.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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="mr_quackers.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Stream | Will M</title>
<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!-- Bulma Version 0.6.0 -->
<link rel="stylesheet" href="assets/css/bulma.min.css" />
<link href="https://cdn.jsdelivr.net/npm/video.js@7.5.0/dist/video-js.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/videojs-resolution-switcher-beta@0.4.3/lib/videojs-resolution-switcher.css" rel="stylesheet">
</head>
<body>
<div class="hero-head" id="navbar-container">
</div>
<section class="section is-fullheight is-default is-bold ">
<div class="container is-fluid">
<script src="https://cdn.jsdelivr.net/combine/npm/video.js@7.5/dist/video.min.js,npm/videojs-youtube@2.6/dist/Youtube.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/videojs-resolution-switcher-beta@0.4.3/lib/videojs-resolution-switcher.min.js"></script>
<center><video id='video' class="video-js vjs-default-skin"></video></center>
<script src="https://cdn.jsdelivr.net/combine/npm/video.js@7.5/dist/video.min.js,npm/videojs-youtube@2.6/dist/Youtube.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/videojs-resolution-switcher-beta@0.4.3/lib/videojs-resolution-switcher.min.js"></script>
<script>
videojs('video', {
controls: true,
muted: false,
techOrder: ["youtube"],
width: 800,
autoplay: false,
sources: [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=FmBKyrWXb-I"}],
plugins: {
videoJsResolutionSwitcher: {
default: 'low',
dynamicLabel: true
}
}
}, function(){
var player = this;
window.player = player;
player.on('resolutionchange', function(){
console.info('Source changed')
})
});
</script>
<!-- SOCIAL LINKS -->
<p style="text-align: center"><a href="/stream/tip">Support the Stream</a> | <a href="https://www.youtube.com/WillHasAwesomeShoes/live">View on YouTube</a> | <a href="/links">Social Media Links</a></p>
<!-- STREAM ISSUES -->
<div id="issues">
<details>
<summary>Having trouble with the stream player?</summary>
<u>The player is in beta and we can revert back to the normal YouTube player if needed.</u>
<center><details>
<summary style="background-color:black;color:white; padding: 10px !important; margin: 0px; width: 50%">Stream not loading?</summary>
<p style="text-align: left !important">If the stream seems to be infinitely loading, chances are I'm probably offline. If in doubt, always click the "View on YouTube" link above. You can also check my <a href="https://www.twitch.tv/whasyt">Twitch</a> or <a href="">other YT channel</a> to see if i'm live on there.</p>
</details>
<details>
<summary style="background-color: #2C2F39;color:white; padding: 10px !important; margin: 0px; width: 50%">Getting a weird error message?</summary>
<p style="text-align: left !important">Besides the loading issue, if you're getting a weird error message of some sort, please take a screenshot and send it to me immediately. You can use <a href="/contact">this contact form</a> or <a href="https://twitter.com/messages/compose?recipient_id=4158152234">message me on Twitter</a>. To make sure I'll 100% see it, <a href="/dis">join my Discord server</a> and ping me. (@WHASonYT#0735)</p>
</details>
<details>
<summary style="background-color:#23272A;color:white; padding: 10px !important; margin: 0px; width: 50%">Wrong stream showing up?</summary>
<p style="text-align: left !important">If you know I'm livestreaming on <a href="https://yt.willm.xyz">my main channel</a>, but the correct stream isn't showing up here, please just tell me in my YouTube stream live chat!</p>
</details></center>
</details>
</div>
<!-- END OF STREAM ISSUES -->
</div>
</section>
<div class="hero-foot" id="footer-container">
</div>
<script src="assets/js/jquery-3.2.1.min.js" charset="utf-8"></script>
<script src="assets/js/bulma.js" charset="utf-8"></script>
<script src="assets/js/main.js" charset="utf-8"></script>
<script src="assets/js/videos.js" charset="utf-8"></script>
</body>
</html>