1058652 - wrong padding in embedded video

Status: UNCONFIRMED

(Core :: Layout, defect)

Description

[Vittorio Giovara]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:34.0) Gecko/20100101 Firefox/34.0 (Beta/Release)
Build ID: 20140825030205

Steps to reproduce:

Embed this video https://vimeo.com/100995952 on a page like http://www.georgiegrace.net/category/video/. Of course tested on stable and nightly, with addons disabled.


Actual results:

A black border appears either on the left or the right or the top, depending on the version of firefox. In 34 it's currently on the right.


Expected results:

I cannot reproduce with other browsers or other videos.

Comment 1

[Loic]

Can you attach a screenshot of the black border, please.
I tested with Nightly on Win 7, no border displayed.

Can you test with a clean profile, too.
https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles

Comment 2

[Vittorio Giovara]

Attachment: screen-ff34.png

screenshot with firefox 34 nightly on OSX

Comment 3

[Vittorio Giovara]

Attachment: screen-ff31.png

screenshot with firefox 31 stable on OSX

Comment 4

[Vittorio Giovara]

Attachment: screen-ff34-clean.png

Comment 5

[Vittorio Giovara]

On a clean profile the bars intermittently appear and disappear.
With stable the bars disappeared, but then tried nightly and appear again (see latest screenshot)

Comment 6

[Loic]

I'm not able to see it on Win 7, maybe specific to OSX.

Comment 7

[Vittorio Giovara]

(In reply to Loic from comment #6)
> I'm not able to see it on Win 7, maybe specific to OSX.

Do you have a HiDPI screen? Maybe it's related to a rounding issue.

Comment 8

[Loic]

Yes, 1080p screen with resolution at 125%.

Comment 9

[Brad Dougherty]

I am seeing the issue, but only before pressing play. When our player isn't embedded at the correct aspect ratio (like this one), we set the thumbnail to use `background-size: cover`. For that case, Firefox appears to be rounding incorrectly, resulting in the black line. Curiously, when I open the inspector and then close it, the area that was covered by the inspector no longer has the black line (see screenshots).

Once the video starts playing, we use `transform: scale` to make the video slightly larger. For that case, it may also be a rounding bug since we do not have the same issues in other browsers.

I tested in the latest nightly build: 34.0a1 (2014-08-28)

Comment 10

[Brad Dougherty]

Attachment: screenshot from 34.0a1 (2014-08-28)

Comment 11

[Brad Dougherty]

Attachment: after opening and closing the inspector

Comment 12

[Paul Silaghi, QA [:pauly]]

(In reply to Loic from comment #6)
> I'm not able to see it on Win 7, maybe specific to OSX.
Couldn't reproduce in 34.0a1 (2014-08-31), OS X 10.9.4 non retina display

Comment 13

[Vittorio Giovara]

Hi, this is still happening in firefox 45.0.1, is there any way I could help to track down this bug further?

Comment 14

[Vittorio Giovara]

I cannot reproduce any more in ff52, this can probably be closed.