Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Ky sajt do të funksionojë me kufizime, teksa bëjmë mirëmbajtjen e tij për të përmirësuar punën tuaj. Nëse një artikull nuk e zgjidh problemin tuaj dhe dëshironi të bëni një pyetje, kemi bashkësinë tonë të asistencës, e gatshme për t’ju ndihmuar, te @FirefoxSupport në Twitter dhe/r/firefox në Reddit.

Avatar for Username

Kërkoni te Asistenca

Shmangni karremëzime gjoja asistence. S’do t’ju kërkojmë kurrë të bëni një thirrje apo të dërgoni tekst te një numër telefoni, apo të na jepni të dhëna personale. Ju lutemi, raportoni veprimtari të dyshimtë duke përdorur mundësinë “Raportoni Abuzim”.

Mësoni Më Tepër

Kjo rrjedhë është arkivuar. Ju lutemi, bëni një pyetje të re, nëse keni nevojë për ndihmë.

Fullscreen video disappears when using CSS transform on parent element

  • 5 përgjigje
  • 3 e kanë hasur këtë problem
  • 2 parje
  • Përgjigjja më e re nga guigs

aarontgrogg
aarontgrogg
more options

I have a video element that opens in an overlay. The overlay is position: fixed, and the element inside of it is centered vertically & horizontally using position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);.

All of the above works just fine, until a user clicks the fullscreen icon, then the video disappears... You can still hear the audio, but the video disappears...

If I cancel the transform: translate(-50%, -50%); in the debugger, the video pops right back into place...

I have a <code>video</code> element that opens in an overlay. The overlay is <code>position: fixed</code>, and the element inside of it is centered vertically & horizontally using <code>position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);</code>. All of the above works just fine, until a user clicks the fullscreen icon, then the video disappears... You can still hear the audio, but the video disappears... If I cancel the <code>transform: translate(-50%, -50%);</code> in the debugger, the video pops right back into place...

Zgjidhje e zgjedhur

thanks, guigs2, but i'm not really looking for ways to make it work for me, but to make it work for everyone...

i realized after posting here that what i really wanted to do was submit a bug, so i did so here; seems to be getting some traction: https://bugzilla.mozilla.org/show_bug.cgi?id=1055977

cheers, Atg

Lexojeni këtë përgjigje brenda kontekstit 👍 0

Krejt Përgjigjet (5)

guigs
guigs
more options

If you toggle this feature in about config: browser.fullscreen.autohide to false.

Good reference http://www.w3.org/2010/05/video/mediaevents.html and http://css-tricks.com/NetMag/FluidWid.../Article-FluidWidthVideo.php


It is also possible to use the webkit fullscreen controls: http://www.thecssninja.com/demo/fullscreen/ and Fullscreen API and example: https://developer.mozilla.org/en-US/d.../Using_full_screen_mode#Browser_compatibility

guigs
guigs
more options

If you toggle this feature in about config: browser.fullscreen.autohide to false.

Good reference http://www.w3.org/2010/05/video/mediaevents.html and http://css-tricks.com/NetMag/FluidWid.../Article-FluidWidthVideo.php


It is also possible to use the webkit fullscreen controls: http://www.thecssninja.com/demo/fullscreen/ and Fullscreen API and example: https://developer.mozilla.org/en-US/d.../Using_full_screen_mode#Browser_compatibility

guigs
guigs
more options

If you toggle this feature in about config: browser.fullscreen.autohide to false.

Good reference http://www.w3.org/2010/05/video/mediaevents.html and http://css-tricks.com/NetMag/FluidWid.../Article-FluidWidthVideo.php


It is also possible to use the webkit fullscreen controls: http://www.thecssninja.com/demo/fullscreen/ and Fullscreen API and example: https://developer.mozilla.org/en-US/d.../Using_full_screen_mode#Browser_compatibility

aarontgrogg
aarontgrogg I zoti i pyetjes
more options

Zgjidhja e Zgjedhur

thanks, guigs2, but i'm not really looking for ways to make it work for me, but to make it work for everyone...

i realized after posting here that what i really wanted to do was submit a bug, so i did so here; seems to be getting some traction: https://bugzilla.mozilla.org/show_bug.cgi?id=1055977

cheers, Atg

guigs
guigs
more options

Hi Atg, Happy to hear you found bugzilla :-) I will mark your post as the solution and let the conversation continue in the bug.

If there are any other questions we can help with, we are happy to.