Video full screen disappears when using CSS transform on the parent element

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

All the above works fine, until a user clicks on the icon full screen, 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 appears immediately in place...

Thank you, guigs2, but I'm not really looking for ways to make it work for me, but to make it work for everyone...

After posting here, I realized that I wanted to really do was submit a bug, so I did it here. seems to be getting some traction:
https://Bugzilla.Mozilla.org/show_bug.cgi?id=1055977

see you soon,
ATG

Tags: Firefox

Similar Questions

  • Total video converter program disappears when you try to convert the file

    Original title: Vidoe Total converter do not work

    Hi all

    I downloaded total vedio converter v.3.60, but when I drag anything and then press the botton I want to be converted to (like Mp3 or antthing), overall the program disappear... I uninstalled and then redownloaded and the same problem.

    Hope to hear soon,

    Thank you

    The Total Video Converter v3.60 is compatible with Windows 7?

    If the program is not compatible, then you try to install and run the program in compatibility mode.

    Use the following steps:

    (1) right click on the program

    2) click Properties

    3) click on the Compatibility tab

    (4) select run this program in compatibility mode and select Windows Vista or other operating system, the program has been run successfully.

    Check out the link here: make sure to run older programs in this version of Windows

    http://Windows.Microsoft.com/en-us/Windows7/make-older-programs-run-in-this-version-of-Windows

    I hope this helps.

    Sincerely,

    Marilyn
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think

  • When youtube ask me if I used to open the video full screen, I press none by mistike and save it the mozilla and now I can't open full screen more, what to do

    When youtube ask me if I used to open the video full screen, I press none by mistike and save it the mozilla and now I can't open full screen more, what to do

    Hello ronbn1, while you are on youtube.com, make a right click on a blank spot on the page, go to view page info > permissions and re - activate the approval of full screen in the list.

  • Monitor is white empty when you try to view the video full screen on youtube.

    I have a HP w2207h screen flat monitor. When I try to view online, such as YouTube videos, full screen, the screen goes to a blank white screen. Sound works, no picture. However, when I view the same video from YouTube in Internet explore everything works fine. Is there a setting that I need to solve this problem? Would appreciate your help!

    Try disabling hardware acceleration in Flash Player.

    See the videos in Flash will not play in full screen

    Blink the window "display settings":

  • When trying to view videos full screen, the screen turns white!

    When I try to watch videos, I love to watch full-screen, but when I press the icon full screen the screen turns white. I have to press the ESC key to return to normal. What will fix this?

    i right click on video > select settings > remove the check mark from material

    Acceleration.
     
    II] download and install: -.
    Adobe flash player: -.
     
    III] update your graphics card driver on the website of the manufacturer of the graphics card.
  • Error Windows XP Mode: "device failed to initialize for mode video full screen.»

    When I try to run an old MS-DOS application in Windows XP Mode, I get the following error in the system under MS-DOS 16-bit: "the device video failed to initialize for mode full screen.» I use Windows 7 Ultimate x 64 edition.

    The program starts in mode text very well, but when he tries to enter graphics mode, the error message described above results.

    It would seem that the emulation of the video driver in Windows XP Mode isn't quite complete as far as emulation goes. The application is an old one that was written in Borland Pascal 7.0 and used the BGI graphics programming interface. There is no equivalent version of Windows, and I would like to be able to run under Windows 7. He ran under a native install of Windows XP Pro, switch mode full-screen graphic as needed without any problem.

    Is there something that can be done to make it work under Windows XP Mode in Windows 7? The emulator of map graphics of virtual machines may be adjusted/changed somehow to run full-screen graphic mode?

    I had the same problem too, so instead of using the windows mode I downloaded dosbox and the programmaX interface. It's great for running applications in DOS on windows (all versions as far as I know.)

    www.dosbox.com

    its pretty easy to install just choose a directory to install to. Then to install the interface you simply point to the directory where you installed dosbox. When you start the interface (programmaX), there will be a button to the top of the upper part called Assistant. Just click on the wizard button and follow the pages. If you want to create an icon for it in windows just goto tools... create a shortcut, and then click ok when the box is in place. ;)

    Best of all, its all to is free with the exception of pay for you're internet usage.

  • Several videos full screen

    I'm doing a page with 3 videos that all go down below the other, but I want each video full screen (100% width and height) and scale correctly in all browsers. When you scroll down or upwards, it takes you to an anchor with a smooth animation, resulting in a kind of vertical slideshow of the thing.

    So far, I'm using this code:

    < video width = "100%" height = "auto" autoplay loop >

    < src = "assets/roxie.mp4 source' type =" video/mp4">"

    < src = "assets/roxie.webm source' type =" video/webm">"

    Your browser does not support the video tag.

    < / video >

    It is very well with google chrome, yet when I open the site in Safari, the high bit of the page of the next video is considered because of differences in navigation bar (safari is smaller). Is there a way to make the correct resizing videos as do many full-screen widgets, so it looks the same in all browsers?

    Please provide the url of the page where the videos are included, it would probably be something specific safari menu bar/toolbar, if any shortcut or tabs are added, and then try to remove and then check.

    Thank you

    Sanjit

  • My. MP4 video file doesn't "play video full screen" to Muse after I publish my. OAM outboard animate.

    My. MP4 video file doesn't "play video full screen" to Muse after I publish my. OAM outboard animate.  When I "saw in the browser" through the edge he plays (I created a form and used the extract of "video game full screen") mode full screen very well.  When I "Site Preview in the browser" through Muse and click on the shape to PLAY VIDEO FULL SCREEN, it does nothing.  I am new to both programs and can't understand why it will work out of the onboard preview window and will not work when I publish to Muse.  Does anyone have an answer or a workaround for me?

    Hey watch this video

    If this is what you need, you can get it here .mulib [[zazaalaza]] - Google Drive

  • Problem with multiple videos full screen

    Hello

    Please forgive me in some of my terminology as I'm still new in InDesign.

    Currently, I am building a foilo which has various articles and each article contains 3 videos full screen. I sized the videos manually to 1024 x 768. Each video is on it's own separate layer (ie 1-video, video 2, video 3). These three layers are on top of all the others. The reason why I have videos on top the rest of the article on the page, is because I want it to be full screen and nothing else on top of the video playback. I have three buttons that you created the button actions separated for each of them to read the corresponding video.

    However, the question that I hit me, is when I saw the foilo and go to this article and click one of the buttons, the video that is the top most layer always plays. If, for example, if I click on the button 3 to play 3-video, video-1 plays because the video-1 is the top layer. In addition, thing is happening, is if I click anywhere on the screen, the video starts to play. It seems that it is not recognized that the button plays video.

    I hope that the information I provided was sufficiently comprehensive. Any help on this would be appreciated.

    Thank you

    If you want the video full screen, you must set in the Panel inlays of folio. Without seeing the page layout, it is quite difficult to advise you on the best way to settle the case, but on the top of my head, I shrink them down and use them as buttons.

  • Prevent the video full screen of the iPhone

    Hi, I'm unable to prevent iPhone video to view full screen. I use the following code:

    var vid = sym.$("Rectangle");

    VID.html ("< the video id ="videoPlayer"width ="400"height ="225 "src =" test.mp4 "type =" video/mp4 "controls =" orders" webkit-playsinline> < / video > ');

    The webkit-playsinline is ignored. Is there a solution using java script?

    Unfortunately he mixed rules when playing video online on iOS. You can play a video online within a web application or a web page is saved in the home screen using webkit-playsinline, but this does not work when you use Safari. If the intention is to have a Web site with the video you are out of luck, but if you create a web application you have the ability to add webkit-playsinline as an attribute of video online.

    Sarah

  • Video full screen gives a blank white screen.

    Original title: Video full screen mode issues.

    I have a Dell desk top that is running Windows XP Home Edition. Every time I watch a TV show or a movie online and try to open it using the full screen, I always get audio, but you will get a blank white screen.  I can display mode small screen, but the mode full screen does not seem to work.  Any ideas on how to solve this problem?  Thank you.

    Thanks, but I already fixed it.  The browser is Internet Explorer 8.  No I did not any Chang recently except to IE 8.

    I was using Flash Player to view the website of lifetime television show.  I started to play the show, and while he was in NON-plein screen mode, I click with the button right on the screen, and click on properties, then I unchecked the box that appeared (there was only one box, and I don't remember what she said next to the box).

    I clicked on close or OK and then clicked on icon mode full screen, and it worked.

    Thanks for your help, if.

  • sensitive presentation of background video full screen

    Hi guyss


    in the old version, you can create a version of office with the video full screen background and other tablet or mobile with a background image. In the sensitive version I don't know how to change the video to an image automatically when it reaches the breakpoints defined for tablet or mobile.

    This is one of the caveats of sensitive design. There may be a few replacement widget that can deal with this by assessing the size of the browser window, but otherwise, I'm not aware of a way to do in Muse. The survey would have to happen inside the widget itself before actually loading the video to not spoil the bandwidth, which Muse cannot currently because it is based on the size of the overall page.

    Mylenium

  • ENVY-17 crashes every time video full screen is enabled

    I want TO - 17 2090 and whenever I play an online video full screen it freezes.  Every time.  This could be the cause?

    Hello

    Try the following.

    First, download the Flash uninstall utility on the link below and save it to your desktop.

    http://download.Macromedia.com/pub/flashplayer/Current/uninstall_flash_player.exe

    Once the download is complete, close all browser windows and start the program uninstaller.  Once done, restart the laptop.

    Then, download and install Firefox , then using Firefox, download and install the latest version of Adobe Flash.

    Close all browser windows before you run the installer of Flash.

    Start Firefox and see if the video game okay - if they don't, close Firefox, IE opens ( See Note below ) and click the Adobe Flash even above to get a command prompt to install the ActiveX component.  Once completed, restart IE.

    Note:  If you have a 64-bit installation, make sure that you open Internet Explorer and not Internet Explorer64) and click on the same Adobe Flash link above to get a command prompt to install the ActiveX component.  Once completed, restart IE.

    If you want to use Internet Explorer 64, install Adobe Flash for this browser using the link below.

    http://labs.Adobe.com/downloads/flashplayer11.html

    Kind regards

    DP - K

  • How to use CSS to force the page to full height?

    I'm trying to use CSS to force the content on the page to full height when the content is not long enough to do the job. After reading several articles on the Web, I put the html, body and articletest selectors at a height and min-height of 100%. But it does not work. The yellow area Brown/inner light should extend almost to the bottom, the the two final colors div should be at the bottom of the browser window...

    http://www.keithpurtell.com/kthings/Test01.htm

    You must make two changes as follows:

    (1) change your CSS for the body to look like the following:

    Body {background-color: #FFFFEE;}  / * a E4D9C2 * /.
    color: #31260F;
    font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    Width: 100%;
    /*height:100%;*/
    height: 100 %}

    (2) change your CSS #main to look like this:

    #main {background-color: #FFFFEE;}
    margin: 0 0 auto;
    Max-width: 1180px;
    min-width: 30em;
    min-height: 100%;
    overflow: hidden;
    position: relative ;}

    This should do the trick.  He made and tested it on my system.  I put the page online if need be!

    Good luck.

  • My apple tv has been full screen but suddenly black bars apears on the side, how can I get full screen again?

    My apple tv has been full screen but suddenly black bars apears on the side, how can I get full screen again?

    Post a picture of your screen and the model number and brand of your TV.  Sounds like a TV problem.

Maybe you are looking for

  • More space for the partition windows 10

    I tried to use bootcamp and partition my computer to be mainly bone and part windows, but when I restarted my computer it will automatically boot windows. I guess so worst cases and that the bones disappeared and I wanted to increase the size for win

  • Account reset virtual store - account 28545

    Hello, please make my Toshiba e-store account. need a staff account note reset for 28545 after update to E_1.1.00 but I have only a blank screen of white. Mentions legal 70.jt1.c thing or the agood etc.

  • What should I click on download apps from the store?

    I want to download the application (win mail.dat) on the Apple App Store.  There is a lot of info about the app and several ribs, etc., but it is not clear what you click on to download the app.  Hellllppp!

  • HP15AB028TX: ratting noise fan

    I constantly get a rattling sound from my laptop newly purchased. Please propose some measures to get rid of the noise.

  • HP Photosmart C4580 All in One

    Can I install a HP Photosmart C4580 All in one printer on a netbook with Windows 7 Starter