forked from lopezs/ableplayer
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtest13.html
More file actions
59 lines (46 loc) · 2.56 KB
/
test13.html
File metadata and controls
59 lines (46 loc) · 2.56 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
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Able Player Test #13</title>
<link rel="stylesheet" href="tests.css" type="text/css">
<!-- Dependencies -->
<script src="../thirdparty/modernizr.custom.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="../thirdparty/jquery.cookie.js"></script>
<!-- Able Player CSS -->
<link rel="stylesheet" href="../styles/ableplayer.css" type="text/css"/>
<!-- CSS for interactive transcript -->
<link rel="stylesheet" href="../styles/ableplayer-transcript.css" type="text/css"/>
<!-- Able Player JavaScript -->
<script src="../build/ableplayer.js"></script>
</head>
<body>
<h1>Able Player Test #13:<br/>YouTube Player with Able Chrome</h1>
<p>This page uses the YouTube player, but with Able Player controls.</p>
<p>If <track> elements are used for captions or subtitles, these take precedence over YouTube captions.
Otherwise, YouTube captions and subtitles are used if available.</p>
<p>Local captions can be used to build an interactive transcript and can be used to search within videos
using the <strong>data-search</strong> parameter. Currently YouTube doesn't expose specific caption data
via its API so these functions are not possible using YouTube captions alone.</p>
<p>An advantage to using YouTube captions is that YouTube currently has an extensive set of user options for
customizing the display of their captions. These settings are fully supported within Able Player
if YouTube captions are used. However, users can not change their settings within Able Player.
They must use a native YouTube player in order to do that.</p>
<p>For additional tests see the <a href="index.html">Index of <em>Able Player</em> Examples</a>.</p>
<!--
# Current video (about YouTube captions) has many languages, but no described version;
# youtube-desc-id points to Campus Leaders described version
# Alternative videos:
# Campus Leaders: tnsB6YCHVXA, described: Ck2TdVMhWcU (additional languages forthcoming)
# Invisible disabilities: skNAVgPb1Lo described: SH3vt-XrkEs (English & Japanese)
# Uncaptioned video: mrudR-kIB1k
-->
<video id="video1" preload="auto" width="854" height="480" poster="../media/itaccess.jpg" data-able-player data-youtube-id="QRS8MkLhQmM" data-youtube-desc-id="Ck2TdVMhWcU">
<!-- // uncomment to use local captions rather than YouTube's captions
<track kind="subtitles" src="../media/wwa_captions_es.vtt" srclang="es"/>
<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en"/>
-->
</video>
</body>
</html>