RebeccaBurt Posted December 20, 2022 Share Posted December 20, 2022 site link: https://onetreehill.squarespace.com/contact password: batcar1962 Hi, Issue 1: My client has requested a background video on the contact page. I have set an image for the mobile fallback, but when you go to the contact section, the fall-back image is showing briefly before the video loads. I have no coding experience. I have found some codes posted in other forum posts, but could not get them to work when pasting them in the css box. Issue 2: The video also has sound which the client would like to work if possible. I understand that background auto-load videos don't play sound and that there are issues around this with browsers etc, so no problem if this can't be fixed, but if code can be provided for the sound, that would be a bonus. Thank you Link to comment
Solution ArminB Posted December 20, 2022 Solution Share Posted December 20, 2022 (edited) Hey! Issue 1: Just make a screenshot of the first frame of the video and use this as the fallback. This should be a smoother experience. Issue 2: Most browsers would block background video autoplay anyway so rather not 🙂 https://developer.chrome.com/blog/autoplay/ Edited December 20, 2022 by ArminB tuanphan and paul2009 2 About Armin:Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084Website: www.braunsberger-media.comLeaders Lodge: See my Profile Link to comment
RebeccaBurt Posted December 20, 2022 Author Share Posted December 20, 2022 Brilliant! Why didn't I think of that. 🙂 Thank you ArminB 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment