We currently have a test site set up using the Salient theme with video backgrounds. I was told by someone with a new Macbook that the video backgrounds were not playing automatically. I did some research and found Apple is now turning off autoplay in Safari as a default setting in new hardware releases. It would require the user to enable this option manually from within the Safari settings. It appears as though there are code directives in order to work around this as long as the videos contain no audio. See below (in bold):
To deliver background video to Safari users with the new autoplay setting, you can use the HTML5 `<video>` tag with the `muted` attribute. This allows the video to play without sound by default, which complies with Safari's autoplay policies. Here's an example:
<video autoplay muted loop> <source src="background-video.mp4" type="video/mp4"> Your browser does not support the video tag. </video>
By setting `autoplay` and `muted`, the video will start playing automatically but without sound, making it suitable for background use. Users can still enable sound if they choose to.
I am just checking in to see if the Salient theme is already using the aforementioned directives in the video tags i.e. autoplay muted loop. If not, would it be possible for this to be added to a future theme update?
We currently have a test site set up using the Salient theme with video backgrounds. I was told by someone with a new Macbook that the video backgrounds were not playing automatically. I did some research and found Apple is now turning off autoplay in Safari as a default setting in new hardware releases. It would require the user to enable this option manually from within the Safari settings. It appears as though there are code directives in order to work around this as long as the videos contain no audio. See below (in bold):
To deliver background video to Safari users with the new autoplay setting, you can use the HTML5 `<video>` tag with the `muted` attribute. This allows the video to play without sound by default, which complies with Safari's autoplay policies. Here's an example:
<video autoplay muted loop>
<source src="background-video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
By setting `autoplay` and `muted`, the video will start playing automatically but without sound, making it suitable for background use. Users can still enable sound if they choose to.
I am just checking in to see if the Salient theme is already using the aforementioned directives in the video tags i.e. autoplay muted loop. If not, would it be possible for this to be added to a future theme update?
Hi there,
Thanks for writing to us.
I understand you are having issues with Autoplay video in the Safari browser.
I am going ahead to forward this to the developer so that they can look into this further.
I appreciate your patience and understanding.
Hi there,
Thank you for getting in touch.
Try troubleshooting the video issue as shown in these guides https://themenectar.ticksy.com//article/9066/.
https://themenectar.com/docs/salient/page-builder-columns/#video-background:~:text=Troubleshooting%20self%2Dhosted%20video%20background%20playback
Try this and let us know how it goes.
Thanks,