<html>
<head>
<script src="media-file.js"></script>
<script>
if (window.testRunner) {
testRunner.waitUntilDone();
}
function onLoad() {
video = document.getElementsByTagName('video')[0];
video.src = findMediaFile("video", "content/test");
canvas = document.getElementsByTagName('canvas')[0];
ctx = canvas.getContext('2d');
video.load();
video.addEventListener("canplay", function (e) {
ctx.globalAlpha = 0.5;
ctx.drawImage(video, 0, 0);
testRunner.notifyDone();
});
</script>
</head>
<body onload="onLoad();">
<video></video><canvas width="320px" height="240px" style="position:relative;left:-100px;"> </canvas>
</body>
</html>
