How to make Mobile Friendly Video Background in Elementor | Tested : Working in Safari, Chrome and Other (iOS & Android)
Caution : Many UX Expert suggest not to use mobile videos in background as It might increase page size and that will impact on loading speed of website in mobile devices.
Solution : You may compress your video and try to keep that less than 1 MB and use overlay on that, Which will hide your blurry video and It will load faster too. In all cases, We have Image Background/Fall Back image so your visitor never see, white background until video will be loaded.
How to Prepare Responsive MP4 Video for Responsive background?
4. Convert Video's Frame Rate to 29 in below setting.
5. Disable audio track: Enable (Select This)
This Selection is must because, iOS opens Videos with Audio Trek in their player so that will not let video to load in the background.
6. Rest Options needs to keep as it is, Unless You need those to use with your personal purpose.
7. Press “Start Conversion” and Your converted video will be available to download.