BrandonK Posted July 15, 2023 Share Posted July 15, 2023 I’m trying to add a video to the background of my landing page. I’ve got two different formats of video. One in 4K and landscape and the other is in vertical. How can I put both videos in there so that you can get the right format for mobile vs desktop? Any help would be greatly appreciated. Link to comment
BrandonK Posted July 15, 2023 Author Share Posted July 15, 2023 Just now, BrandonK said: I’m trying to add a video to the background of my landing page. I’ve got two different formats of video. One in 4K and landscape and the other is in vertical. How can I put both videos in there so that you can get the right format for mobile vs desktop? Any help would be greatly appreciated. I currently have the landscape video set on the website. It just doesn’t show well when you are viewing on mobile. Link to comment
tuanphan Posted July 18, 2023 Share Posted July 18, 2023 Hi, Can you share link to page? We can give code to show 1 on desktop, show another on mobile 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
BrandonK Posted July 18, 2023 Author Share Posted July 18, 2023 https://thehumanone.com/ is that what you needed? Link to comment
BrandonK Posted July 20, 2023 Author Share Posted July 20, 2023 @tuanphan just following up here. Didn't know if I got you the right information or not? thanks so much for your help. Link to comment
Solution tuanphan Posted July 22, 2023 Solution Share Posted July 22, 2023 On 7/20/2023 at 8:46 AM, BrandonK said: @tuanphan just following up here. Didn't know if I got you the right information or not? thanks so much for your help. Hi, Top video for desktop Second video for mobile? If yes, add this to Design > Custom CSS /* Hide second video on desktop */ @media screen and (min-width:768px) { [data-section-id="64b55a0b70b9be245f3ad601"] { display: none; } } /* Hide top video on mobile */ @media screen and (max-width:767px) { [data-section-id="6439794b4c596157e56a3d8b"] { display: none; } } 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
BrandonK Posted July 25, 2023 Author Share Posted July 25, 2023 Thank you so much! Worked perfectly. I appreciate you. tuanphan 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