]>
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 | </div> | |
29 | <br/> | |
30 | ||
31 | <div id="options"> | |
32 | <fieldset> | |
33 | <legend>Resolutions:</legend> | |
34 | <div id="resolution-list"></div> | |
35 | <br/> | |
36 | </fieldset> | |
37 | ||
38 | <fieldset> | |
39 | <legend>Rates:</legend> | |
40 | <div id="rate-list"></div> | |
41 | </fieldset> | |
42 | </div> | |
43 | ||
44 | </div> | |
45 | </main> | |
46 | ||
47 | <!-- iframes are used dynamically --> | |
48 | <iframe hidden></iframe> | |
49 | <a hidden></a> | |
50 | </body> | |
51 | </html> |