<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&#64;gmail.com" title="Daniel Rossi &lt;electroteque&#64;gmail.com&gt;"> <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(&quot;canvas&quot;);
    this.canvas.setAttribute(&quot;width&quot;, width);
    this.canvas.setAttribute(&quot;height&quot;, height);
var ctx = this.canvas.getContext('2d');
 ctx.drawImage(video,0, 0, width, height);
var dataURL = this.canvas.toDataURL(&quot;image/&quot; + 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>