-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindexa.html
127 lines (108 loc) · 4.4 KB
/
indexa.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html>
<head>
<title>Video and Slideshow of Manchester (MMU)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="js/bootstrap.min.js"></script>
<script src='js/media-player.js' type="text/javascript"></script>
<!--
<script src="http://code.jquery.com/jquery.js"></script>
-->
<link href='css/media-player.css' rel='stylesheet' />
<!--
font code from google fonts
http://www.google.com/fonts#UsePlace:use
-->
<link href='http://fonts.googleapis.com/css?family=Lato:400,700|Karla:400,700|Raleway:400,600|Ubuntu:400,500|Open+Sans:400,600|Roboto:400,700|Quattrocento+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='css/typography.css' rel='stylesheet' />
<link href="css/sticky-footer.css" rel="stylesheet">
</head>
<body>
<section class="mainbody">
<nav class="primary">
<ul class="links">
<li class="link home">
<a href="index.html" title="Home"> <span class="icon"></span> <span class="title">Home</span> </a>
</li>
<li class="link video">
<a href="video.html" title="Video on MMU and/or Manchester"> <span class="icon"></span> <span class="title">Video</span> </a>
</li>
<li class="link stills">
<a href="stills.html" title="Stills"> <span class="icon"></span> <span class="title">Stills</span> </a>
</li>
<li class="link contact">
<a href="contact.html" title="Contact"> <span class="icon"></span> <span class="title">Contact</span> </a>
</li>
</ul>
</nav>
<div class="container">
<section class="contentbody" >
<section id="header">
<h1>Welcome to Manchester</h1>
<p>
Please be watching our video and checking the photo content on the most Manchester clips of all time.
Please be watching our video and checking the photo content on the most Manchester clips of all time.
</p>
</section>
<div id="media-player">
<div id="video-section">
<div id="video-overlays"></div>
<video id="media-video" controls poster="stills/evil-frank.jpg">
<!-- remove type for android phones (untested yet)
http://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/
-->
<source src="video/big_buck_bunny.mp4" >
<source src="video/big_buck_bunny.webm" type="video/webm">
<source src="video/big_buck_bunny.ogg" type="video/ogg">
<object type="application/x-shockwave-flash" data="video/flowplayer-3.2.18.swf" width="700" height="360">
<param name="movie" value="video/flowplayer-3.2.18.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="config={'playlist':['../stills/evil-frank.jpg',{'url':'video%2Fbig_buck_bunny.mp4','autoPlay':false}]}" />
<img alt="Big Buck Bunny" src="stills/evil-frank.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" />
</object>
Your browser doesn't support our player please upgrade or
<a href= "video/big_buck_bunny.ogg">
download the video file to play it.</a>
</video>
</div>
<div id="media-controls">
<div id="play-pause-button" class="play" title="play"></div>
<div id="seek-div">
<input id="seek-bar" type="range" min="0" max="100" value="0" step="1" />
</div>
<div id="duration-container">
<div id="duration">
00:00
</div>
</div>
<div id='fullscreen-button' class='fullscreen' title='fullscreen'></div>
<div id="vol-div" title="Volume Slider" >
<input type="range" min="0" max="1" step="0.1" value="1" id="vol-bar" >
</div>
<div id="mute-toggle" class="volume" title="Mute Toggle" aria-controls="mep_0" type="button" ></div>
<!-- remove replay button just not quite enough space
<div id='replay-button' class='replay' title='replay'></div>
-->
</div>
</div>
<br/>
<br/>
<p>
Please be watching our video and checking the photo content on the most Manchester clips of all time.
</p>
</section>
</div>
</section>
<br/>
<div id="footer">
<div class="container">
<p class="muted credit">
Credits <a href="http://clearerchannel.org">Mick Chesterman</a> for MMU.
</p>
</div>
</div>
</body>
</html>