The Background Video Component conflicts with Page Load Interaction on iOS Safari.
As iOS Safari doesn’t support background video autoplay,
I turned off the component on mobile using the visibility tabs.
However, it just apply the css “display:none;” on the video component
and iOS Safari still keeps downloading mp4 and webm on background and causes delay.
Furthermore, on iOS safari, the interaction trigger "When Page Finishes Loading"
won’t be triggered until all the videos (mp4 and webm) are downloaded completely,
and thus, if I use a page preloader animation, the page won’t show up for ages…
I’d appreciate if you check this issue and fix the bug or provide any solutions!
I created a sample site.
The site url: http://hctest.webflow.io/
(Please try opening this page on your iOS device to check the issue.)
Here is my site Read-Only: https://preview.webflow.com/preview/hctest?preview=6ca73d3a9cdb0192465f98741d804c0d