kevin/contain-element
1
0
Fork 0
mirror of https://github.com/WilliamsNY/contain-element.git synced 2024-12-28 01:14:34 -05:00
Code Issues Projects Releases Packages Wiki Activity

Migrate the background video to digitalocean spaces

Browse source
This commit is contained in:
Kevin MacMartin 2019-04-24 16:07:24 -04:00
parent a55d067aa3
commit fd5b7d2d21
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
index.html
View file

@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>Contain Element - Examples</title>
<script type="text/javascript" src="contain-element.min.js"></script>
<style>
html,
body {
@ -81,6 +82,7 @@
}
</style>
</head>
<body>
<script>
var contain, demo;
@ -110,12 +112,10 @@
<h1>Contain Element</h1>
<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>
<hr />
<p>
<em>The video in the background is the example.</em>
<br />
<em>The video in the background is the example.</em><br />
<em>Change the positioning below and resize your browser to compare.</em>
</p>
@ -130,9 +130,7 @@
<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="demo9" onclick="demo('demo9', 'bottom', 'right');">bottom right</div>
<br />
<a class="video-credit" href="http://www.eso.org/public/">Video Credit ESO</a>
</div>
</div>
@ -142,8 +140,8 @@
</a>
<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.s3.amazonaws.com/videos/TheenclosureoftheNextGenerationTransitSurvey.mp4" type="video/mp4">
<source src="http://wny-general.sfo2.digitaloceanspaces.com/contain-element/TheenclosureoftheNextGenerationTransitSurvey.mp4" type="video/mp4" />
<source src="http://wny-general.sfo2.digitaloceanspaces.com/contain-element/TheenclosureoftheNextGenerationTransitSurvey.webm" type="video/webm" />
</video>
</body>
</html>