HTML and CSS Reference
In-Depth Information
.grateful
{
background-color: orange;
color: black;
}
.blood
{
color: red;
font-weight: bold;
}
</style>
<script src="playr.js"></script>
</head>
<body>
<video class="playr_video">
<source src="sintel.m4v" type="video/mp4" />
<source src="sintel.ogv" type="video/ogg" />
<track label="English subtitles" kind="subtitles"
srclang="en" src="sintel.vtt" default />
</video>
</body>
You will need to add a class name of
playr_video
to the video tag, as highlighted in the ex-
ample.
When you open the page, you'll see a Menu option in the control bar. Moving your mouse
over the Menu pops up a list of subtitles, captions, or other tracks that you can choose from,
as shown in
Figure 25
. Playr also works with both SRT and WebVTT files. It doesn't support
Flash fallback yet, but support for fallback is planned in a future release.
