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.
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 -->
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.
The reason background videos don’t work in Safari is that they need to be defined as background images. However, in Chrome and Firefox, you’ll need a video element. To make it work on all browsers, you will need to use a combination of a background image and a video element with absolute positioning.
Safari tends to be more stringent with video codec support, and it’s possible that the video format used is not compatible with Safari or iPhone. Ensure that the video is encoded in a format that is widely supported across browsers, such as H.264.
Additionally, Safari on iOS devices has specific requirements and limitations regarding autoplaying videos. Apple imposes restrictions to conserve bandwidth and enhance user experience. Make sure your video complies with Apple’s autoplay policies, and consider providing a user-triggered action to initiate video playback.
If background videos are not working on Safari and iPhone but are working fine on Firefox, it could be due to various reasons including browser compatibility issues, video format support, or settings configurations.