-
Notifications
You must be signed in to change notification settings - Fork 2
/
basic.html
33 lines (32 loc) · 916 Bytes
/
basic.html
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
<!DOCTYPE html>
<html>
<head>
<title>Sample Captioned Video</title>
<script src="js/playr.js"></script>
<link rel="stylesheet" href="css/playr.css">
</head>
<body>
<video
id="myvideo"
controls="controls"
class="playr_video"
width="640" height="480"
poster="http://media.w3.org/2010/05/sintel/poster.png"
>
<!--
These are the three sources. This should cover most of our
deployed player base
-->
<source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4" />
<source src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm" />
<source src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg" />
<!--
This is the subtitles track
-->
<!--
<label="Deutsch subtitles" kind="subtitles" srclang="de" src="elephants-dream-subtitles-de.vtt">
-->
<track kind="subtitles" label="English" srclang="en" src='vtt/sintel.vtt'/>
</video>
</body>
</html>