client/src/standalone/videos/test-embed.html

   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         <button onclick="player.playNextVideo()">Next video</button>
  31         <button onclick="player.playPreviousVideo()">Previous video</button>
  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
  42         <fieldset>
  43           <legend>Captions:</legend>
  44           <div id="caption-list"></div>
  45           <br/>
  46         </fieldset>
  47
  48         <fieldset>
  49           <legend>Rates:</legend>
  50           <div id="rate-list"></div>
  51         </fieldset>
  52
  53         <fieldset>
  54           <legend>Volume</legend>
  55           <div id="volume"></div>
  56         </fieldset>
  57
  58         <fieldset>
  59           <legend>Playlist position</legend>
  60           <div id="playlist-position"></div>
  61         </fieldset>
  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>