151294 2015-11-14 21:28:37 -0800 HtmlMediaElement missing "crossOrigin" attribute therefore CORS does not work 2015-11-16 05:11:06 -0800 1 1 1 Unclassified WebKit Media WebKit Nightly Build All All RESOLVED DUPLICATE 103257 P2 Major --- 1 electroteque webkit-unassigned oldest_to_newest 1142094 0 electroteque 2015-11-14 21:28:37 -0800 Hi I'm not sure if anyone has mentioned this but this standard has been around for a long time now. This is not implemented therefore this type of code will not work this.canvas = document.createElement("canvas"); this.canvas.setAttribute("width", width); this.canvas.setAttribute("height", height); var ctx = this.canvas.getContext('2d'); ctx.drawImage(video,0, 0, width, height, x, y, width, height); var dataURL = this.canvas.toDataURL("image/" + this.type, this.quality); Both Safari in OSX and IOS, Android default browser and IE11 suffer the same issue. It requires a proxy work around setting up a new video for capture or requires Flash to do the capture ! to think it needs a work around like this is silly considering Apple's stance against Flash but then requiring Flash to do captures of video frames. It is a fairly common requirement and the deviation from standards is troubling. I believe there is a ticket in regards to the 360 webGL CORS which is quickly becoming popular and will be needed. But this is not just drawing to the canvas but "toDataUR" to get the image data uri also. Let me know. 1142096 1 electroteque 2015-11-14 21:31:15 -0800 The video object is <video crossOirign="anonymous" src="source.mp4"/> btw 1142111 2 electroteque 2015-11-15 00:14:58 -0800 drawImage for video is reported to be intentionally disabled on IOS so this only applies to desktop Safari. I just checked, even with the proxy work around, its a blank image, nothing gets drawn. What a croc html5 has become. So basically this feature so far doesn't even work on IOS or Android. 1142129 3 ap 2015-11-15 13:09:35 -0800 Duping this to an earlier bug about HTMLMediaElemant and crossOrigin, although I'm not sure what you mean by "capture". HTML Media Capture <http://www.w3.org/TR/html-media-capture/> doesn't look like this. *** This bug has been marked as a duplicate of bug 103257 *** 1142164 4 electroteque 2015-11-15 23:05:18 -0800 Sorry mate I didn't see that I would have assumed there is something. 1142224 5 electroteque 2015-11-16 05:11:06 -0800 The requirement is pretty redundant on Iphone for now because I can't even get any html controls over the native player and it has no inline support. So no capture button is possible for end users. I'm trying to figure out a work around solution.