ableplayer/tests/test16.html at develop · binaryvision/ableplayer · GitHub

45 lines (34 loc) · 1.77 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

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Able Player Test #16</title>

<link rel="stylesheet" href="tests.css" type="text/css">

<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>

<link rel="stylesheet" href="../styles/ableplayer.css" type="text/css"/>

<link rel="stylesheet" href="../styles/ableplayer-transcript.css" type="text/css"/>

<script src="../build/ableplayer.js"></script>

</head>

<body>

<h1>Able Player Test #16:<br/>Video with sign language</h1>

<p>An accompanying sign language video is provided for each <source> element using the

<em>data-sign-src</em> attribute.

</p>

<p>For additional test see the <a href="index.html">Index of <em>Able Player</em> Examples</a>.</p>

<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player>

<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4" data-sign-src="../media/wwa_sign.mp4"/>

<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm" data-sign-src="../media/wwa_sign.webm"/>

<track kind="subtitles" src="../media/wwa_captions_es.vtt" srclang="es" label="Espanol"/>

<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en" label="English"/>

<track kind="descriptions" src="../media/wwa_description_en.vtt" srclang="en"/>

<track kind="descriptions" src="../media/wwa_description_es.vtt" srclang="es"/>

<track kind="chapters" src="../media/wwa_chapters_en.vtt"/>

</video>

</body>

</html>