mirror of
https://github.com/WilliamsNY/contain-element.git
synced 2024-11-23 14:14:10 -05:00
Migrate the background video to digitalocean spaces
This commit is contained in:
parent
a55d067aa3
commit
fd5b7d2d21
1 changed files with 5 additions and 7 deletions
12
index.html
12
index.html
|
@ -4,6 +4,7 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Contain Element - Examples</title>
|
<title>Contain Element - Examples</title>
|
||||||
<script type="text/javascript" src="contain-element.min.js"></script>
|
<script type="text/javascript" src="contain-element.min.js"></script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
|
@ -81,6 +82,7 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<script>
|
<script>
|
||||||
var contain, demo;
|
var contain, demo;
|
||||||
|
@ -110,12 +112,10 @@
|
||||||
<h1>Contain Element</h1>
|
<h1>Contain Element</h1>
|
||||||
<p>A JavaScript plugin to contain an element within its parent element.</p>
|
<p>A JavaScript plugin to contain an element within its parent element.</p>
|
||||||
<ul><li><a href="https://github.com/WilliamsNY/contain-element">Download On GitHub</a></li></ul>
|
<ul><li><a href="https://github.com/WilliamsNY/contain-element">Download On GitHub</a></li></ul>
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
<em>The video in the background is the example.</em>
|
<em>The video in the background is the example.</em><br />
|
||||||
<br />
|
|
||||||
<em>Change the positioning below and resize your browser to compare.</em>
|
<em>Change the positioning below and resize your browser to compare.</em>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
@ -130,9 +130,7 @@
|
||||||
<div class="button" id="demo7" onclick="demo('demo7', 'bottom', 'left');">bottom left</div>
|
<div class="button" id="demo7" onclick="demo('demo7', 'bottom', 'left');">bottom left</div>
|
||||||
<div class="button" id="demo8" onclick="demo('demo8', 'bottom', 'center');">bottom center</div>
|
<div class="button" id="demo8" onclick="demo('demo8', 'bottom', 'center');">bottom center</div>
|
||||||
<div class="button" id="demo9" onclick="demo('demo9', 'bottom', 'right');">bottom right</div>
|
<div class="button" id="demo9" onclick="demo('demo9', 'bottom', 'right');">bottom right</div>
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<a class="video-credit" href="http://www.eso.org/public/">Video Credit ESO</a>
|
<a class="video-credit" href="http://www.eso.org/public/">Video Credit ESO</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -142,8 +140,8 @@
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<video id="video" autoplay muted loop poster="TheenclosureoftheNextGenerationTransitSurvey.jpg">
|
<video id="video" autoplay muted loop poster="TheenclosureoftheNextGenerationTransitSurvey.jpg">
|
||||||
<source src="http://wny.s3.amazonaws.com/videos/TheenclosureoftheNextGenerationTransitSurvey.webm" type="video/webm">
|
<source src="http://wny-general.sfo2.digitaloceanspaces.com/contain-element/TheenclosureoftheNextGenerationTransitSurvey.mp4" type="video/mp4" />
|
||||||
<source src="http://wny.s3.amazonaws.com/videos/TheenclosureoftheNextGenerationTransitSurvey.mp4" type="video/mp4">
|
<source src="http://wny-general.sfo2.digitaloceanspaces.com/contain-element/TheenclosureoftheNextGenerationTransitSurvey.webm" type="video/webm" />
|
||||||
</video>
|
</video>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue