-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
35 lines (31 loc) · 1.3 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
34
<!DOCTYPE html>
<html>
<head>
<title>html5 player</title>
<link href="layout.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script>
<script src="lib/html5-player.js" type="text/javascript"></script>
</head>
<body>
Video URL(OGG/OGV):
<input value="http://upload.wikimedia.org/wikipedia/commons/e/ed/Boys_beware.ogv" size="60" id="video-url" type="text" />
<input value="Load" id="loadButton" type="button" />
<br />
Preview: <br />
<video src="http://upload.wikimedia.org/wikipedia/commons/e/ed/Boys_beware.ogv" class="previewVideo" autobuffer="true" >Your browser does not support ogv video</video>
<div>
<button id="playButton">Play</button>
<button id="pauseButton">Pause</button>
<button id="markStart">Mark Start</button>
<button id="markEnd">Mark End</button>
<button id="clear">Clear</button>
<button id="muteButton">Mute</button>
<button id="unmuteButton">Unmute</button>
<button id="seekButton">Seek</button> Seekto: <input size="3" id="seekTo" type="text" /> <br />
<p>
Current Time: <span id="currentTime">0</span> Start: <span id="start-time"></span> End: <span id="end-time">612.4</span>
</p>
</div>
</div>
</body>
</html>