blob: 91e026b71b2011e28c9f2d7ab534a21a65369cb8 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src=../../media-file.js></script>
<script src=../../video-test.js></script>
<script>
var cue;
function startTest()
{
if (!window.VTTRegion) {
failTest();
return;
}
consoleWrite("<br>** Test the setter and getter through the JS API **");
cue = new VTTCue(0.0, 1.0, "sample");
testExpected("cue.regionId", "");
cue.regionId = "someId";
testExpected("cue.regionId", "someId");
consoleWrite("<br>** Test parsing a region attribute of a cue **");
findMediaElement();
cue = video.textTracks[0].cues[0];
testExpected("cue.regionId", "someregionattributeid");
consoleWrite("<br>** Test that region attribute is ignored if either line position or cue size are specified or writing direction is not horizontal **");
for (i = 1; i < 4; ++i) {
cue = video.textTracks[0].cues[i];
testExpected("cue.regionId", "");
}
consoleWrite("");
endTest();
}
setCaptionDisplayMode('Automatic');
</script>
</head>
<body>
<p>Tests the regionId attribute of a cue.</p>
<video controls>
<track src="../captions-webvtt/header-regions.vtt" kind="captions" default onload="startTest()">
</video>
</body>
</html>