Closed Bug 744860 Opened 8 years ago Closed 8 years ago

Full-screen HTML5 video on third of screen (with CSS max-width)


(Core :: DOM: Core & HTML, defect)

Not set





(Reporter: alex.stuckey, Assigned: cpearce)




(2 files)

Attached image Mozilla Marketplace.png
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:12.0) Gecko/20100101 Firefox/12.0
Build ID: 20120328051619

Steps to reproduce:

Navigated to, played the video on the page (work absolutely fine). Then pressed the full-screen button in the right of the controller overlay.

Actual results:

Firefox went into full-screen mode, but the video only took up a third of the screen. (Pulled to the left) Behind it was the parent page. The video seemed to want to stick to its original resolution.

See my screenshot - a picture is worth a thousand words.

Expected results:

It should have upscaled the video to take up the rest of the screen (like most video players do in full-screen). The page should not be visible.

(A separate issue, but when in full-screen mode watching a video, the chrome (tabs, URL box, search box) should be hidden like other other video players do - maybe should be an option)
Thanks for the report!

I can reproduce on a Mac OS 10.7 nightly as well. I think I'll move this to Core and mention it in bug 730121 to notify the people responsible for the page.
Component: Untriaged → Video/Audio
Ever confirmed: true
Product: Firefox → Core
QA Contact: untriaged →
Summary: Full-screen HTML5 video on third of screen → Full-screen HTML5 video on third of screen (with CSS max-width)
Version: 12 Branch → Trunk
Blocks: 730121
This happens for me in [Mozilla/5.0 (Windows NT 6.1; WOW64; rv:14.0) Gecko/20120416 Firefox/14.0a1] too, so not Mac specific. I wonder if it's related to bug 745067.
Blocks: 545812
Component: Video/Audio → DOM: Core & HTML
OS: Mac OS X → All
QA Contact: → general
Hardware: x86 → All
This is not a regression, it's always happened as long as we've had a fullscreen API. Probably a bug in our CSS rules for :-moz-full-screen or :-moz-full-screen-ancestor.
Yeah, we should probably explicitly set min-width/min-height to 0 and max-width/max-height to none on :-moz-full-screen.  Does doing that help?
Yes, that fixes this bug. Thanks bz!
Attached patch PatchSplinter Review
Assignee: nobody → cpearce
Attachment #615912 - Flags: review?(roc)
Comment on attachment 615912 [details] [diff] [review]

Requesting approval to land on m-c. This is a simple fix to a CSS style sheet, so low risk.
Attachment #615912 - Flags: approval-mozilla-central?
Attachment #615912 - Flags: approval-mozilla-central? → approval-mozilla-central+
Closed: 8 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.