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

New video with video credit

Browse source
This commit is contained in:
Luke Evers 2015-07-01 13:18:25 -04:00
parent 363cd2647e
commit 31f4f657e5
1 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
index.html
View file

@ -54,11 +54,17 @@
opacity: 1; opacity: 1;
} }
.video-credit {
display: block;
margin: 10px;
font-size: 10px;
}
</style> </style>
</head> </head>
<body> <body>
<script> <script>
var video = '<video id="video" autoplay muted loop><source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm"><source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></video>'; var video = '<video id="video" autoplay muted loop><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"></video>';
var demo1 = function() { var demo1 = function() {
var v = document.getElementById('video'); var v = document.getElementById('video');
if (v !== null) v.parentNode.removeChild(v); if (v !== null) v.parentNode.removeChild(v);
@ -69,8 +75,8 @@
var contain = new ContainElement({ var contain = new ContainElement({
id: 'video', id: 'video',
height: '400', height: '720',
width: '960', width: '1280',
}); });
window.onresize = contain.update; window.onresize = contain.update;
@ -87,8 +93,8 @@
var contain = new ContainElement({ var contain = new ContainElement({
id: 'video', id: 'video',
height: '400', height: '720',
width: '960', width: '1280',
}); });
} }
@ -106,6 +112,7 @@
</ul> </ul>
<div class="button" id="demo1" onclick="demo1();">With Resize</div> <div class="button" id="demo1" onclick="demo1();">With Resize</div>
<div class="button" id="demo2" onclick="demo2();">Without Resize</div> <div class="button" id="demo2" onclick="demo2();">Without Resize</div>
<a class="video-credit" href="http://www.eso.org/public/">Video Credit ESO</a>
</div> </div>
</div> </div>