Is someone familiar with the issue that a background video is set as full width but for some reason after a reload it shows for a really short time a smaller version but then it resizes to full width again.
It only appears on Safari and ios (there it shows in the chrome browser to). On mobile you see a small glitch of the "small video" after reloading.
The first load does not show the "small video"
See screenshot
Here is the link to the site to: shorturl.at/aEHIJ
Related
I have a url that has videos on it. http://cs75.tv/2012/summer
The issue is on full screen mode on MS Edge, the controls bar is visible twice. To reproduce the issue:
On “Lectures” tab expand any Lecture. Under that lecture expand
"Video". Then select MP4. On the pop up video player, on the bottom
right there are some buttons. Click on the double opposing arrows
which supposed to maximize video to full screen. That full screen
button doesn’t work on my Edge (version 42). No issues with FF and
chrome.
I am not able to reproduce it with a simple example. All I could understand is if the full screen is applied to a <video> element it works all good. But if the element happens to be a <div> and <body> it breaks the whole layout on MS Edge on full screen. Please advise if it is a bug or if it has any solution. Appreciate your help.
In a recent update of Chrome, the "Inspect" window (chrome://inspect/) has a preview window (which shows the web page in an on-screen mobile frame).
How do I close it? The closest thing I have managed so far is to reduce the width so it does not take up as much screen real-estate.
Image example:
You can toggle the screencast using the button highlighted below:
As a dimming/darkening work around to the notorious white flash in between Chrome page loads, how could the small default loading notification (below) be exploited to cover the entire screen?
In other words, is it possible to create an entire wall of text in between page loads such that a high contrast extension could then darken the entire screen just as it darkens a small portion here?:
This is quite hacky, but for good reason. All other solutions no longer work for Chrome 40+:
https://superuser.com/questions/580228/prevent-white-screen-before-loading-page-in-chromium
Google Chrome - Override White Blank page between webpage loads
https://superuser.com/questions/831742/how-do-you-change-chromes-background-color
No, it's not possible to change what that status bar shows, not without digging into Chromium's source (but then you could just change how about:blank looks).
The idea is indeed way too hacky.
I have a portfolio site here: www.mrliger.com. When I open the site in any browser apart from Safari and resize the browser window, the menu at the top of the page changes styles as desired. However when I resize the browser window in Safari, the header restylesto how I desire but when enlarging the window again to full size the header becomes stacked... Have no idea what is causing this. Could someone please take a look and advise?
Thanks
My Chrome updated itself since last last week, seems the font blurry issue was fixed, however the title bar becomes smaller, I still prefer the previous size of the title bar, look the below comparison between latest Firefox and Chrome 37.x (you might see the size below still okay, but from my laptop screen, the size might be only around 70% of the capture, don't why the captured image was enlarged here after uploaded.)
Environment:
OS: Windows 8.1
Screen: 1920x1080 HDPI.
Anybody knows how to enlarge the size of title bar?
Thanks.