forked from jameswomack/exploding-video-tiles
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
33 lines (28 loc) · 1.03 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
<title>Exploding Video Tiles</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body class="reset invert">
<section id="keyboard-event-instructions" class="hide">
p or spacebar = play|pause toggler
</section>
<section id="tile-mode-controls">
<p><a href="#rectangles">Rectangles</a></p>
<p><a href="#ellipses">Ellipses</a></p>
</section>
<section id="original-video-container" class="hide" width="640" height="360">
<video id="sourcevid" autoplay="true" loop="true">
<source src="video/BigBuckBunny_640x360.mp4" type="video/mp4"/>
<source src="video/BigBuckBunny_640x360.ogv" type="video/ogg"/>
</video>
<canvas id="sourcecopy" width="640" height="360"></canvas>
</section>
<section id="exploded-tile-container" class="center">
<canvas id="output" width="1000" height="600"></canvas>
</section>
</body>
</html>