Repository navigation
Expand file tree
/
Copy pathdeadline.html
More file actions
52 lines (45 loc) · 2.49 KB
/
Copy pathdeadline.html
File metadata and controls
52 lines (45 loc) · 2.49 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>The Deadline: Open Video with Accessibility Enhancements</title>
<link rel="stylesheet" href="demos.css" type="text/css">
<!-- Dependencies -->
<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
<!-- Able Player CSS -->
<link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
<!-- Able Player JavaScript -->
<script src="../build/ableplayer.dist.js"></script>
</head>
<body>
<header>
<div class="title">Able Player Demos</div>
</header>
<div class="body-wrapper">
<nav id="navigation-placeholder">
</nav>
<main>
<h1>The Deadline: Open Video with Accessibility Enhancements</h1>
<p><a href="https://morevnaproject.org/school/deadline/">The Deadline</a> is a video from the Morevna Project,
enhanced here with an audio described version (selectable using the Description button on the media player)
and captions/subtitles in multiple languages.</p>
<p>For additional demos see the <a href="index.html">Index of <em>Able Player</em> Examples</a>.</p>
<div id="container">
<video id="video1" preload="auto" data-able-player poster="../media/deadline.jpg" playsinline>
<source type="video/mp4" src="../media/deadline.mp4" data-desc-src="../media/deadline_desc.mp4"/>
<track kind="captions" src="../media/deadline_captions_en.vtt" srclang="en" label="English" default/>
<track kind="captions" src="../media/deadline_captions_ar.vtt" srclang="ar" label="Arabic"/>
<track kind="captions" src="../media/deadline_captions_es.vtt" srclang="es" label="Spanish"/>
<track kind="captions" src="../media/deadline_captions_hi.vtt" srclang="hi" label="Hindi"/>
<track kind="captions" src="../media/deadline_captions_it.vtt" srclang="it" label="Italian"/>
<track kind="captions" src="../media/deadline_captions_pt-br.vtt" srclang="pt-br" label="Portuguese, Brazilian"/>
<track kind="descriptions" src="../media/deadline_descriptions_en.vtt" srclang="en" label="English descriptions"/>
</video>
</div>
<p>This work is licensed under the terms of Creative Commons Attribution 4.0 license. You are free to share (copy and redistribute) and adapt (remix, transform) this work for any purpose, even commercially as long as you comply to licensing terms.</p>
</main>
</div>
<script src="demos.js"></script>
</body>
</html>