I have a background video in the hero section of my web page. For desktop and tablet breakpoints, it is hosted on Cloudinary and I’m using embed code. For the mobile breakpoint, I am using the background video element (Cloudinary charges for bandwidth, it is a long video and only small enough to host on Webflow at mobile size). When I preview the page across breakpoints from a desktop/computer, the background video works as expected. When I preview the page across breakpoints on an iPad using Chrome, the background video still works as expected. When I preview in Chrome or Safari on an iPhone, the video is served as a pop-up, with a play/pause button, and if I close the pop-up, it freezes the video. Is this just a function of preview mode? Will it work fine once I am ready to publish the page? Or is there something else I need to fix?
Here is the link: Webflow - wonder.do
Thank you for any guidance!