As a security precaution, we have turned on the setting "Require API key authentication for API requests" for everyone. If this has broken something, please contact
Last Comment Bug 811547 - Black Youtube/Vimeo iframe embeds in transformed parent in window mode
: Black Youtube/Vimeo iframe embeds in transformed parent in window mode
Status: NEW
Product: Core
Classification: Components
Component: Layout (show other bugs)
: 16 Branch
: x86 All
: -- normal with 4 votes (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
: Jet Villegas (:jet)
Depends on:
  Show dependency treegraph
Reported: 2012-11-13 16:25 PST by nderambure
Modified: 2016-09-27 10:07 PDT (History)
11 users (show)
See Also:
Crash Signature:
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---


Description User image nderambure 2012-11-13 16:25:13 PST
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:16.0) Gecko/20100101 Firefox/16.0
Build ID: 20121024073032

Steps to reproduce:

I've tried to embed a youtube (or vimeo) iframe video in a popup content with leaflet (js library for interactive maps).

Actual results:

Leaflet uses a css transform (since 0.4) for displaying the popup and it seems it causes the video to be a black zone instead of the video itself.

Before that (in 0.3), it did use top and left positionning for the popup and the video is displayed as expected.

Expected results:

The video in the iframe content should be displayed.

I've made 2 JSFiddle to test this.
One with Leaflet 0.3.1 (working) :
One with leaflet 0.4.5 (not working) :
Comment 1 User image nderambure 2012-11-13 16:28:20 PST
Note that I've tested with firefox 16.02 on OSX snow leopard and Ubuntu/Kubuntu 12.10.
Comment 2 User image Matthias Versen [:Matti] 2012-11-13 23:19:31 PST
I can confirm the bug with Mozilla/5.0 (Windows NT 6.1; WOW64; rv:19.0) Gecko/19.0 Firefox/19.0 SeaMonkey/2.16a1
Comment 3 User image RobertHarm 2013-03-08 07:31:55 PST
I can also confirm this bug with Mozilla/5.0 (Windows NT 6.1; WOW64; rv:19.0) Gecko/20100101 Firefox/19.0
Comment 4 User image nderambure 2013-03-08 09:07:52 PST
Updated demo :
One with Leaflet 0.3.1 (working) :
One with leaflet 0.5.1 (not working) :
One with leaflet 0.5.1 (working) (no 3D animation) :
Comment 5 User image yair even or 2013-05-25 14:32:10 PDT Comment hidden (advocacy)
Comment 6 User image thefreiguy720 2013-09-12 12:05:08 PDT
Hey, any updates about this? A workaround (that allows for keeping 3D animation) or approximate timeline?
Comment 7 User image mail 2013-10-12 02:19:59 PDT
Affecting me in Linux and Windows, rv:24.0.

Did anybody report a bug to the leaflet developers?
Comment 8 User image mail 2013-10-12 03:10:35 PDT
(In reply to mail from comment #7)
> Did anybody report a bug to the leaflet developers?

Ok, I found the bug report: with its workaround (zoomAnimation:false).
Comment 9 User image RobertHarm 2014-03-23 04:34:48 PDT
is there a chance that this gets fixed within Firefox? (Especially as videos are displayed correctly in every other browser).
Comment 10 User image (mostly gone) XtC4UaLL [:xtc4uall] 2014-05-12 14:35:51 PDT
FWIW, all mentioned Testcases here and in are WFM testing

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0 ID:20140421162246 CSet: 1c35a9dca8a0 ESR
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:32.0) Gecko/20100101 Firefox/32.0 ID:20140512030202 CSet: 20ca234fd62b

and Flash

Note You need to log in before you can comment on or make changes to this bug.