<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_UNCONFIRMED "
title="UNCONFIRMED - crossOrigin property on HTMLMediaElement is not supported"
href="https://bugs.webkit.org/show_bug.cgi?id=103257#c3">Comment # 3</a>
on <a class="bz_bug_link
bz_status_UNCONFIRMED "
title="UNCONFIRMED - crossOrigin property on HTMLMediaElement is not supported"
href="https://bugs.webkit.org/show_bug.cgi?id=103257">bug 103257</a>
from <span class="vcard"><a class="email" href="mailto:electroteque@gmail.com" title="Daniel Rossi <electroteque@gmail.com>"> <span class="fn">Daniel Rossi</span></a>
</span></b>
<pre>Let me bring example code over to here with one exception. IOS didn't like the extra arguments to drawImage and produces a blank canvas !
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);
var dataURL = this.canvas.toDataURL("image/" + this.type, this.quality);
Without the proxy work around this will fail because lack of crossorigin attribute. The default android browser suffers the same issue however it also fails with the security work around !
Here is a working example for safari IOS and IE11 with the proxy work around, it makes a capture from an offscreen video tag with the reformatted url of the same sub domain, it will fail even with the same top level domain.
<a href="https://flowplayer.electroteque.org/snapshot/fp6">https://flowplayer.electroteque.org/snapshot/fp6</a></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>