-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathplayer.html
More file actions
43 lines (40 loc) · 1.42 KB
/
player.html
File metadata and controls
43 lines (40 loc) · 1.42 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="Tizen basic template generated by Tizen Web IDE" />
<title>PoC - Web - Voice Interaction Media Control</title>
<link rel="stylesheet" type="text/css" href="css/player.css" />
</head>
<body>
<div id="container">
<div id="wrapper">
<div id='player_wrapper'>
<video id='video_player'>
<source src='videos/video1.mp4' type='video/mp4'>
</video>
<div id='player_controls'>
<input type="image" src="images/previous.png" id="control0">
<input type="image" src="images/skipbackward.png" id="control2">
<input type="image" src="images/play.png" id="control3">
<input type="image" src="images/skipforward.png" id="control4">
<input type="image" src="images/next.png" id="control5">
<div class="time">
<time id="time-elapsed">00:00</time>
<span> / </span>
<time id="duration">00:00</time>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div id="toast">
<div id="desc">A notification message...</div>
</div>
</footer>
<script src="language.js"></script>
<script type="text/javascript" src="js/player.js"></script>
</body>
</html>