kevin/contain-element
1
0
Fork 0
mirror of https://github.com/WilliamsNY/contain-element.git synced 2024-11-23 06:14:09 -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"> <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>