Displaying the fullscreen background video on mobile devices presents several challenges:
Most mobile platforms (iOS in particular) will refuse to autoplay HTML5 video to avoid potentially ruinous data charges.
In such cases the video will be displayed with an embedded play button, which in turn… …may capture touches on the device, locking out links that may be in the content on top of the video.
While it is possible to feature-detect support for video autoplay with JavaScript (a technique I will cover in a future article), the easiest solution is to use a media query that switches off the video entirely on smaller screens, substituting the placeholder image in the background.
Regards,
Eva Kemp.
Viewing 4 results
1 through 4 (of 4 total)
You must be logged in to reply to this topic.Log in/Sign up
Our mission is to help Internet businesses and their customers interact in a way that mirrors real-world customer experience: personal, human, and fun.
Upload your translation files
Lorem ipsum dolor sit amet consectetur adipisicing elitsed do
Love us as much as we love you?
If you love XStore theme and have something nice to say
don’t hesitate to tell about this! We’d appreciate if you could take a moment to give us 5-stars!