Skip to content

Instantly share code, notes, and snippets.

@pdaire

pdaire/index.html

Created September 4, 2014 16:09
Show Gist options
  • Save pdaire/9ed0159b18d53ceccc4f to your computer and use it in GitHub Desktop.
Save pdaire/9ed0159b18d53ceccc4f to your computer and use it in GitHub Desktop.
Download ZIP
Testing big video
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BigVideo.js - The jQuery Plugin for Big Background Video</title>
<meta name="description" content="BigVideo.js - The jQuery Plugin for Big Background Video" />
<meta name="author" content="John Polacek" />
<meta name="viewport" content="width=device-width">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:900&text=ABCDEFGHIJKLMNOPQRSTUVWXYZ' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="bower_components/BigVideo/css/bigvideo.css">
</head>
<body>
<div class="main">
<div id="overview" class="box">
<h1>BigVideo<span class="dimmed"><small>.</small>js</span></h1>
<h2>Random Ambient Loop Example</h2>
</div>
</div>
<!-- BigVideo Dependencies -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="bower_components/jquery/jquery.min.js"><\/script>')</script>
<script src="bower_components/jquery-ui/ui/jquery-ui.js"></script>
<script src="bower_components/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="//vjs.zencdn.net/4.3/video.js"></script>
<!-- BigVideo -->
<script src="bower_components/BigVideo/lib/bigvideo.js"></script>
<!-- Demo -->
<script>
$(function() {
var BV = new $.BigVideo();
var vids = [
'vids/dock.mp4',
'vids/river.mp4',
'vids/frontier.mp4'
];
vids.sort(function() { return 0.5 - Math.random() }); // random order on load
BV.init();
BV.showPlaylist(vids,{ambient:true});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment