Black Youtube/Vimeo iframe embeds in transformed parent in window mode




6 years ago
2 years ago


(Reporter: nicolasderambure, Unassigned)


16 Branch

Firefox Tracking Flags

(Not tracked)


(Whiteboard: [platform-rel-Youtube][platform-rel-Vimeo])



6 years ago
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) :


6 years ago
Keywords: css3, embed

Comment 1

6 years ago
Note that I've tested with firefox 16.02 on OSX snow leopard and Ubuntu/Kubuntu 12.10.
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
Component: Untriaged → Layout
Ever confirmed: true
Keywords: embed
OS: Mac OS X → All
Product: Firefox → Core

Comment 3

6 years ago
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

6 years ago
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 hidden (advocacy)

Comment 6

6 years ago
Hey, any updates about this? A workaround (that allows for keeping 3D animation) or approximate timeline?

Comment 7

5 years ago
Affecting me in Linux and Windows, rv:24.0.

Did anybody report a bug to the leaflet developers?

Comment 8

5 years ago
(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

5 years ago
is there a chance that this gets fixed within Firefox? (Especially as videos are displayed correctly in every other browser).
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
Keywords: css3
platform-rel: --- → ?
Whiteboard: [platform-rel-Youtube]
Whiteboard: [platform-rel-Youtube] → [platform-rel-Youtube][platform-rel-Vimeo]
platform-rel: ? → ---
You need to log in before you can comment on or make changes to this bug.