HtmlMediaElement missing "crossOrigin" attribute therefore CORS does not work

[Daniel Rossi]

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.

[Daniel Rossi]

The video object is 

<video crossOirign="anonymous" src="source.mp4"/> 

btw

[Daniel Rossi]

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.

[Alexey Proskuryakov]

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

[Daniel Rossi]

Sorry mate I didn't see that I would have assumed there is something.

[Daniel Rossi]

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.