manos Posted April 18, 2023 Share Posted April 18, 2023 I need some code to prevent video from loading on mobile devices and only display the fallback image to optimize the website for speed loading time. Thanks Link to comment
manos Posted April 19, 2023 Author Share Posted April 19, 2023 Chatgtp gave me some help, the code stopped the video from playing on mobiles but the fallback image doesn't work. Any ideas? @media screen and (max-width: 767px) { .sqs-video-background-native { display: none; } .sqs-video-background .sqs-video-background-content { background-image: url('https://images.squarespace-cdn.com/content/v1/63bd1a87022f9326886b0c89/1673547661941-EXML5DKFZUAGEPXM7K50/sunrise-caveman.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; } } .sqs-video-background-native__fallback-image { display: none; } Link to comment
tuanphan Posted April 22, 2023 Share Posted April 22, 2023 Can you share link to page? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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