Streaming live at 10am (PST)

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.

https://preview.webflow.com/preview/christian-bohmisch-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=christian-bohmisch-portfolio&preview=cd1d5c2f7eee0807458e2a8a83e61d59&mode=preview


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.

Hello,

It’s quite simple if you are using it in React. You just need to enable it to play inline and disable “picture in picture” feature.

Thanks. Regards: Tawakkalna

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 -->
<script>
var mobilevideo = document.getElementsByTagName("video")[0];
mobilevideo.setAttribute("playsinline", "");
mobilevideo.setAttribute("muted", "");
</script>
<!-- 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?

https://preview.webflow.com/preview/andale-mobile-massage?utm_medium=preview_link&utm_source=designer&utm_content=andale-mobile-massage&preview=67e4e71caf7f79e2f25f533a0219d97c&mode=preview

Hey, It is quite simple if you are using it in React. You just need to enable it to play online and disable the “picture in picture” function.

Regards: Best Vacuums for Long Hair

When I search a keyword " Matchmaking in New York City " I’m facing same issue!