<!DOCTYPE html>
<html>
<head>
<script src="media-file.js"></script>
<style>
video {
outline: 15px solid blue;
border: 15px solid green;
background: orange;
padding: 15px;
margin: 20px;
width: 300px;
}
</style>
</head>
<body>
<!-- This test passes if:
1) the final colored blocks in the series of colored blocks in the
video content box area are respectively: cyan, blue, green
2) the video seek point is near 00:000:00.00 -->
<video preload="auto"/>
</body>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
window.onload = function() {
if (window.testRunner) {
document.querySelector('video').oncanplaythrough = function() {
setTimeout(function() { testRunner.notifyDone() }, 0);
};
}
setSrcByTagName('video', 'content/test.ogv');
};
</script>
</html>