Alpha/fxtest.html at master · Risepic/Alpha · GitHub

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<html lang="en">
  <head>
      <title>Learn, the best game ever &#10084; on Risepic</title>
      <meta http-equiv="Content-Language" content="en">
      <meta charset="UTF-8">
      <link rel="stylesheet" href="./css/base.css">
      <link rel="stylesheet" href="./css/components.css">
      <link rel="stylesheet" href="./css/objects.css">
      <link rel="stylesheet" href="./css/white.css">
      <link rel="stylesheet" href="./css/player.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


    </head>
    <body>
      <header>
      </header>
      <div class="container">
    <video controls crossorigin playsinline poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" id="player">
                    <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" type="video/mp4" size="576">
                    <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4" type="video/mp4" size="720">
                    <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4" type="video/mp4" size="1080">
                    <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1440p.mp4" type="video/mp4" size="1440">

                    <track kind="captions" label="English" srclang="en" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt"
                        default>
                    <track kind="captions" label="Français" srclang="fr" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.fr.vtt">

                    <a href="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" download>Download</a>
                </video>
      <footer class="FOOTER" id="footerhide">
        <div class="FOOTBACK">
          <div>
              <ul>
                <a href="" style="background-color: #0eb50f;">Share</a>
                <a href="" style="background-color: #fe952e;">Feedback</a>
                <a href="" style="background-color: #f85479;">Manifesto</a>
                <a href="" style="background-color: #C554E2;">Privacy</a>
                <a href="" style="background-color: #1C8ACC;">Exit</a>
              </ul>
            </div>
          </div>
      </footer>
      <script src='https://cdn.plyr.io/3.2.4/plyr.js'></script>
      <script type="text/javascript" src="./js/all.js"></script>


      <script type="text/javascript">
  const player = new Plyr('#player');

  player.on('timeupdate', event => {
    console.log(player.currentTime)
  });
      </script>

    </body>
  </html>