]>
Commit | Line | Data |
---|---|---|
99941732 WL |
1 | <html> |
2 | <head> | |
3 | <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> | |
4 | </head> | |
5 | <body> | |
6 | <header> | |
7 | <div class="logo"> | |
8 | <div class="icon"> | |
9 | <img src="../../assets/images/logo.svg"> | |
10 | </div> | |
11 | <div> | |
12 | PeerTube | |
13 | </div> | |
14 | </div> | |
15 | ||
16 | <div class="spacer"></div> | |
17 | <h1>Embed Playground</h1> | |
18 | </header> | |
19 | <main> | |
20 | <aside> | |
21 | <div id="host"></div> | |
22 | </aside> | |
23 | <div id="controls"> | |
24 | <div> | |
25 | <button onclick="player.play()">Play</button> | |
26 | <button onclick="player.pause()">Pause</button> | |
27 | <button onclick="player.seek(parseInt(prompt('Enter position to seek to (in seconds)')))">Seek</button> | |
6377a9f2 C |
28 | <button onclick="player.setVolume(0)">Mute</button> |
29 | <button onclick="player.setVolume(1)">Unmute</button> | |
9054a8b6 C |
30 | <button onclick="player.playNextVideo()">Next video</button> |
31 | <button onclick="player.playPreviousVideo()">Previous video</button> | |
99941732 WL |
32 | </div> |
33 | <br/> | |
34 | ||
35 | <div id="options"> | |
36 | <fieldset> | |
37 | <legend>Resolutions:</legend> | |
38 | <div id="resolution-list"></div> | |
39 | <br/> | |
40 | </fieldset> | |
41 | ||
1151f521 C |
42 | <fieldset> |
43 | <legend>Captions:</legend> | |
44 | <div id="caption-list"></div> | |
45 | <br/> | |
46 | </fieldset> | |
47 | ||
99941732 WL |
48 | <fieldset> |
49 | <legend>Rates:</legend> | |
50 | <div id="rate-list"></div> | |
51 | </fieldset> | |
6377a9f2 C |
52 | |
53 | <fieldset> | |
54 | <legend>Volume</legend> | |
55 | <div id="volume"></div> | |
56 | </fieldset> | |
9054a8b6 C |
57 | |
58 | <fieldset> | |
59 | <legend>Playlist position</legend> | |
60 | <div id="playlist-position"></div> | |
61 | </fieldset> | |
99941732 WL |
62 | </div> |
63 | ||
64 | </div> | |
65 | </main> | |
66 | ||
67 | <!-- iframes are used dynamically --> | |
68 | <iframe hidden></iframe> | |
69 | <a hidden></a> | |
70 | </body> | |
71 | </html> |