| <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> |