Tagged: background video, video safari
Hi
My client has a background video at the top of the landing page that is fine on all browsers except Safari. It’s on mute.
I know Safari has different rules around autoplay videos but can’t find a solution. The site is live now and the video is pretty important.
Is there a way to force it to play the video? Right now I get a media error message – and the file that I can download is the webm file and not the mp4 that I have in the fullscreen slider content. ?
thanks
Nancy
Hey Munford,
Thank you for the inquiry.
Only muted videos are allowed to autoplay on most major browsers, including Chrome. You’ll find this information here.
Chrome’s autoplay policies are simple:
Muted autoplay is always allowed.
Autoplay with sound is allowed if:
The user has interacted with the domain (click, tap, etc.).
On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously played video with sound.
The user has added the site to their home screen on mobile or installed the PWA on desktop.
Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.
— https://developer.chrome.com/blog/autoplay/
Unfortunately, there is no way to override this policy on our end. You’ll have to mute the videos in order for them to play automatically on page load.
Best regards,
Ismael
