forked from Uni-Sol/js-demos
-
Notifications
You must be signed in to change notification settings - Fork 0
/
fathers.html
77 lines (53 loc) · 2.38 KB
/
fathers.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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<title>Cube Fathers</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=800" />
<link rel="stylesheet" type="text/css" href='stymaps/styles/mapscripts.css' />
</head>
<body>
<div id="header-canvas">
<canvas id='cv' width='1280' height='720' style="image-rendering:optimizespeed ! important;">
<div id='main-header'>
<h1>Happy Birthday, Dad!</h1>
Please play in a new web browser, like Firefox or Chrome.
</div>
</canvas>
</div>
<div style="text-align: center;">
<br /><a id="aud1_play" href="#" onclick="(function(evt) { playVideo(); aud1.currentTime=0; aud1.muted=false; evt.target.innerHTML='Now Playing'; userTriggered=true; } (event));">Play</a>
<br /><a href="http://www.w3.org/2010/05/video/mediaevents.html" target="_blank">Media Help</a>
</div>
<h1 id="text_title">Fathers</h1>
<p id="text_copy" style="display:none;">
Don't Give Up
On Yourself
On Your Dreams
This is the moment
Your power has never been greater
Your priviledge has never stood higher
Your influence is without measure
Only your fear
Only your lost spirit
Can keep you from the promised land
The land of your ancestors
The land of your children
Where you would join them
If you would lead and follow
As your heart demands
</p>
<div id="stream" style="display:none; text-align:center">
<video id="aud1" poster="images/fathers.jpg" preload="auto" muted="true" controls="true">
<source src="video/fathers.mp4" />
<source src="video/fathers.ogv" />
</video>
</div>
<a href="http://www.w3.org/2010/05/video/mediaevents.html" target="_blank">Media Help</a>
<p id="vstatus"></p>
<p id="license" style="color:#fff">
<img src="http://i.creativecommons.org/l/by-sa/3.0/nz/88x31.png" alt="Creative Commons Licence"><br />
<em>These demos by <a href="mailto:john@real-currents.com">Revlin John </a> are licensed under the <a href="http://creativecommons.org/licenses/by-sa/3.0/nz/deed.en_GB">Creative Commons Attribution-ShareAlike 3.0 License, 2009-2012 </a></em>
</p>
<script type="text/javascript" src="scripts/inner-video-cube.js"></script>
</body></html>