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
[platform-rel-Youtube][platform-rel-V...
:
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)
Mentors:
Depends on:
Blocks:
  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:
(edit)
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---
?


Attachments

Description 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) : http://jsfiddle.net/dway/2buSa/
One with leaflet 0.4.5 (not working) : http://jsfiddle.net/dway/LJkEB/
Comment 1 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 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 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 nderambure 2013-03-08 09:07:52 PST
Updated demo :
One with Leaflet 0.3.1 (working) : http://jsfiddle.net/dway/2buSa/
One with leaflet 0.5.1 (not working) : http://jsfiddle.net/dway/LJkEB/
One with leaflet 0.5.1 (working) (no 3D animation) : http://jsfiddle.net/dway/ZY8rB/1/
Comment 5 yair even or 2013-05-25 14:32:10 PDT Comment hidden (advocacy)
Comment 6 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 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 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: https://github.com/Leaflet/Leaflet/issues/999 with its workaround (zoomAnimation:false).
Comment 9 RobertHarm 2014-03-23 04:34:48 PDT
Hi,
is there a chance that this gets fixed within Firefox? (Especially as videos are displayed correctly in every other browser).
best,
Robert
Comment 10 (mostly gone) XtC4UaLL [:xtc4uall] 2014-05-12 14:35:51 PDT
FWIW, all mentioned Testcases here and in https://github.com/Leaflet/Leaflet/issues/999 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 14.0.0.95.

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