simple-vjs-10-tests-html/index.html at main · muxinc/simple-vjs-10-tests-html · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Video.js v10 Test Pages</title>
    <style>
      body {
        font-family: ui-sans-serif, system-ui, sans-serif;
        max-width: 640px;
        margin: 2rem auto;
        padding: 0 1rem;
      }
      h1 { margin-bottom: 0.25rem; }
      p { color: #666; margin-top: 0.25rem; }
      ul { list-style: none; padding: 0; }
      li { margin: 0.5rem 0; }
      a {
        display: inline-block;
        padding: 0.5rem 1rem;
        background: #0066cc;
        color: white;
        text-decoration: none;
        border-radius: 6px;
        font-size: 0.95rem;
      }
      a:hover { background: #0052a3; }
      .tag {
        display: inline-block;
        font-size: 0.75rem;
        background: #eee;
        color: #555;
        padding: 0.1rem 0.4rem;
        border-radius: 4px;
        margin-left: 0.5rem;
        vertical-align: middle;
      }
    </style>
  </head>
  <body>
    <h1>Video.js v10 Tests</h1>
    <p>Simple HTML test pages using CDN-based VJS 10 (beta). Each page supports default and minimal skin switching.</p>
    <ul>
      <li><a href="video.html">Video</a> <span class="tag">MP4</span></li>
      <li><a href="audio.html">Audio</a> <span class="tag">MP4 audio</span></li>
      <li><a href="hls-video.html">HLS Video</a> <span class="tag">hls-video + hls.js</span></li>
      <li><a href="dash-video.html">DASH Video</a> <span class="tag">dash-video + dash.js</span></li>
      <li><a href="simple-hls-video.html">Simple HLS Video</a> <span class="tag">simple-hls-video + SPF</span></li>
    </ul>
  </body>
</html>