Background videos are not working on Safari and i phone, but it works fine on Firefox?

Hallo, i am new to webflow and i have a portfolio website with links to other pages, everytime i click on a link and then go back to my site, all my background videos are frozen, but i dont have the problem on Firefox, its only on safari and ios?

What i am doing wrong?

Here is my site, but i changed all the links to simple text with the url, because of this problem.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Ok, i just saw, that you can open every link in separate tab, that solved it for me.

Just incase, I add this script before the tag for all sites as I sometimes find BG videos won’t work on iPhone:

<!-- START: Mobile Autoplay Video -->
var mobilevideo = document.getElementsByTagName("video")[0];
mobilevideo.setAttribute("playsinline", "");
mobilevideo.setAttribute("muted", "");
<!-- END: Mobile Autoplay Video -->
1 Like

thx i will try it soon, but at the moment i work on a different project, maybe you can help me out here.

i have a site with a grid, the grid- columns are set to auto, but in the preview its not working, the columns do not expand and cut off the content inside?

Go to iPhone Settings → Safari → Advanced → Experimental Features → scroll down and find the HDR Media Capabilities and Media Capabilities Extensions options, turn them off, then turn on again.