-
Notifications
You must be signed in to change notification settings - Fork 76
/
youtube.html
59 lines (48 loc) · 2.2 KB
/
youtube.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--
File: /~jason/youtube.html
91.461 Assignment: Creating Your First Web Page
Copyright 2015 Jason Downing
MIT Licensed - see http://opensource.org/licenses/MIT for details.
Anyone may freely use this code. Just don't sue me if it breaks.
Created: September 3rd, 2015.
Last Updated: Feb 6th, 2018.
This is a simple HTML file designed to autoplay a YouTube video whenever my contact photo is pressed.
The video in question is just a funny Rickroll, but set to a different song / video.
-->
<!-- Custom Title Bar -->
<title>Sandroll</title>
<!-- Configuration -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins). -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<!-- CSS file to override stuff -->
<link rel="stylesheet" href="css/youtube.css">
<!-- Custom favicon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
</head>
<body>
<!--
This div idea came from Stackoverflow. It's an easy way to make an iframe responsive in Bootstrap.
https://stackoverflow.com/questions/25560954/how-do-i-center-youtube-video-iframe-in-twitter-bootstrap-3
-->
<div class="embed-responsive embed-responsive-16by9">
<!--
I disabled controls and turned on autoplay.
I also made a separate CSS file that has "overflow: hidden;" so that the scroll bar doesn't show up.
-->
<iframe class="embed-responsive-item"
src="https://www.youtube.com/embed/SQoA_wjmE9w?autoplay=1&showinfo=0&controls=0"
allowfullscreen=""></iframe>
</div>
</body>
</html>