]>
Commit | Line | Data |
---|---|---|
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> | |
28 | <button onclick="player.setVolume(0)">Mute</button> | |
29 | <button onclick="player.setVolume(1)">Unmute</button> | |
30 | </div> | |
31 | <br/> | |
32 | ||
33 | <div id="options"> | |
34 | <fieldset> | |
35 | <legend>Resolutions:</legend> | |
36 | <div id="resolution-list"></div> | |
37 | <br/> | |
38 | </fieldset> | |
39 | ||
40 | <fieldset> | |
41 | <legend>Rates:</legend> | |
42 | <div id="rate-list"></div> | |
43 | </fieldset> | |
44 | ||
45 | <fieldset> | |
46 | <legend>Volume</legend> | |
47 | <div id="volume"></div> | |
48 | </fieldset> | |
49 | </div> | |
50 | ||
51 | </div> | |
52 | </main> | |
53 | ||
54 | <!-- iframes are used dynamically --> | |
55 | <iframe hidden></iframe> | |
56 | <a hidden></a> | |
57 | </body> | |
58 | </html> |