-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex4.html
130 lines (100 loc) · 4.63 KB
/
index4.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
128
129
130
<!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='media-player.js' type="text/javascript"></script>
<!--
<script src="http://code.jquery.com/jquery.js"></script>
-->
<link href='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' />
</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> <span class="sub-title">Starting page</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> <span class="sub-title">Promotional Ad</span> </a>
</li>
<li class="link stills">
<a href="stills.html" title="Stills"> <span class="icon"></span> <span class="title">Stills</span> <span class="sub-title">Photo slideshow</span> </a>
</li>
<li class="link about">
<a href="#about-me" title="About"> <span class="icon"></span> <span class="title">About</span> <span class="sub-title">Info</span> </a>
</li>
</ul>
</nav>
<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">
<!--<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360">
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" 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/big_buck_bunny.mp4','autoPlay':false}]}" />
<img alt="Big Buck Bunny" src="stills/evil-frank2.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>
</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 id="vol-bar" type="range" min="0" max="100" value="0" step="1" />
</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>
</section>
<br/>
<br/>
<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>
<section id="footer">
<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>
</body>
</html>