103257 2012-11-26 08:09:38 -0800 crossOrigin property on HTMLMediaElement is not supported 2022-06-03 11:38:56 -0700 1 1 1 Unclassified WebKit Media 528+ (Nightly build) Unspecified Unspecified RESOLVED DUPLICATE 159459 https://bugs.webkit.org/show_bug.cgi?id=103926 http://w3c-test.org/html/tests/submission/Opera/media/interfaces/HTMLElement/HTMLMediaElement/crossOrigin.html InRadar P2 Normal --- 0 graouts webkit-unassigned ahmad.saleem792 ap electroteque eric.carlson graouts syoichi webkit-bug-importer oldest_to_newest 775489 0 graouts 2012-11-26 08:09:38 -0800 It appears the crossOrigin property of HTMLMediaElement is not support at all. This makes the Opera-submitted test at http://w3c-test.org/html/tests/submission/Opera/media/interfaces/HTMLElement/HTMLMediaElement/crossOrigin.html fail. 776494 1 ml 2012-11-27 01:52:42 -0800 <rdar://problem/12756199> 1142130 2 ap 2015-11-15 13:09:35 -0800 *** Bug 151294 has been marked as a duplicate of this bug. *** 1142165 3 electroteque 2015-11-15 23:08:27 -0800 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. https://flowplayer.electroteque.org/snapshot/fp6 1142166 4 electroteque 2015-11-15 23:10:19 -0800 An example of the nginx proxy in action, flowplayer.electroteque.org/video/big_buck_bunny_480p_h264.mp4 it does an nginx reverse proxy to videos.electroteque.org/big_buck_bunny_480p_h264.mp4 1873806 5 ahmad.saleem792 2022-06-02 22:15:20 -0700 I think it is now supported because I can see "crossOrigin" in HTMLMediaElement source file on Webkit Github mirror. Link - https://github.com/WebKit/WebKit/blob/cd3c4119cce0c4edca2a0b03a338e61f8ae03960/Source/WebCore/html/HTMLMediaElement.cpp If someone else need to be done, please update or open separate bugs. Also I am unable to retrieve above Opera submitted result. I tried to look into WPT.FYI but didn't find this test as well (might have been renamed). Thanks! 1873964 6 ap 2022-06-03 11:36:57 -0700 Thank you for checking! *** This bug has been marked as a duplicate of bug 159459 ***