3 <title>Drawing to canvas using video with source element does not taint canvas</title>
4 <script src=media-file.js></script>
5 <script src=video-test.js></script>
6 <script src="../fast/js/resources/js-test-pre.js"></script>
12 function canplaythrough()
14 width = video.videoWidth / 2;
15 height = video.videoHeight / 2;
17 ctx = canvas.getContext("2d");
19 ctx.drawImage(video, 0, 0, width, height);
20 shouldBeTrue("!!ctx.getImageData(0, 0, width, height)");
26 description("Test to ensure we don't taint a canvas when drawing from a video the uses source elements rather than the src attribute");
28 canvas = document.getElementsByTagName('canvas')[0];
29 waitForEvent('canplaythrough', canplaythrough);
30 var mediaFile = findMediaFile("video", "content/counting");
31 disableFullTestDetailsPrinting();
32 runSilently("var source = document.createElement('source'); source.src = '" + mediaFile + "'; video.appendChild(source)");
33 enableFullTestDetailsPrinting();
38 <body onload="start()" >
39 <p id="description"></p>
40 <video controls="true"></video>
41 <canvas width="160" height="120" ></canvas>
42 <div id="console"></div>