| <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); | |
| if (window.testRunner) { | |
| testRunner.notifyDone(); | |
| } | |
| }); | |
| } | |
| </script> | |
| </head> | |
| <body onload="onLoad();"> | |
| <video></video><canvas width="320px" height="240px" style="position:relative;left:-100px;"> </canvas> | |
| </body> | |
| </html> |