The default bug view has changed. See this FAQ.

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

NEW
Unassigned

Status

()

Core
Layout
4 years ago
2 months ago

People

(Reporter: nderambure, Unassigned)

Tracking

16 Branch
x86
All
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

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

(Reporter)

Description

4 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) : http://jsfiddle.net/dway/2buSa/
One with leaflet 0.4.5 (not working) : http://jsfiddle.net/dway/LJkEB/
(Reporter)

Updated

4 years ago
Keywords: css3, embed
(Reporter)

Comment 1

4 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
Status: UNCONFIRMED → NEW
Component: Untriaged → Layout
Ever confirmed: true
Keywords: embed
OS: Mac OS X → All
Product: Firefox → Core

Comment 3

4 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
(Reporter)

Comment 4

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

Comment 6

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

Comment 7

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

Did anybody report a bug to the leaflet developers?

Comment 8

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

3 years ago
Hi,
is there a chance that this gets fixed within Firefox? (Especially as videos are displayed correctly in every other browser).
best,
Robert
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.
Keywords: css3

Updated

9 months ago
platform-rel: --- → ?

Updated

9 months ago
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.