![]() So the video is set to autoplay, and is muted (for autoplay on mobile), but the video is hidden due to the CSS: only screen and (max-width: 992px) /*. Starting with Chrome 66, some sites that use autoplay videos will only play if the video is muted, subject to Google’s media engagement index, or MEI. The background video is not displayed to the user, but every mobile user is downloading a significant bit of the video (in the screenshot above – nearly 3 MB of unseen, unused video!) So what’s going on here? Let’s look at the HTML: Chrome’s change will follow the behavior of Apple’s Safari browsers, a behavior Apple first introduced on Mobile Safari and then released on the desktop last year. Great – no video appears on the screen! But, if you happen to open devTools, or run WebPageTest on a mobile sized screen, a horrible secret emerges: So the solution is pretty simple, you have to mute the video and then, only then, will Chrome play it normally when the page loads. The sound would start to play and Chrome doesn’t want that. ![]() ![]() It is also common to only display the video on larger screens, and to hide the video on small screens. Background videos, and videos that autoplay on websites are becoming more and more popular (and perhaps will soon be the new normal).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |