BrandonK Posted July 15, 2023 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.
BrandonK Posted July 15, 2023 Author 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.
tuanphan Posted July 18, 2023 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!)
BrandonK Posted July 18, 2023 Author Posted July 18, 2023 https://thehumanone.com/ is that what you needed?
BrandonK Posted July 20, 2023 Author 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.
Solution tuanphan Posted July 22, 2023 Solution 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!)
BrandonK Posted July 25, 2023 Author Posted July 25, 2023 Thank you so much! Worked perfectly. I appreciate you. tuanphan 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment