GLOCK Posted January 12 Share Posted January 12 Hi, I am trying to display two videos one for desktop and one for mobile on my homepage. How do change the views? Thanks, G Link to comment
komunionstudio Posted January 12 Share Posted January 12 I want to have a two different videos for my website. One for desktop and one for mobile as they need to look different? Can you help? jch.squarespace.com I duplicated the section and have one with a mobile version and 1 desktop. Link to comment
sorca_marian Posted January 12 Share Posted January 12 (edited) You will need to upload the video on Squarespace to get the URL and then add a JavaScript code to change the default video link with the link for mobile(on mobiles). What is the password to view the site? Edited January 12 by sorca_marian 👨🔧👨💻 Contact me for development work - I’m a Freelancer Software engineer, Architect, and Designer UI/UX 🙋♂️ Squarespace Custom Web Development & Design 📅 Manage Tasks, Take Notes, and Upload Related Images 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn Link to comment
Web_Solutions Posted January 13 Share Posted January 13 22 hours ago, GLOCK said: Hi, I am trying to display two videos one for desktop and one for mobile on my homepage. How do change the views? Thanks, G Add two videos on your website and share it. Then I can provide code to hide video mobile and desktop. If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
komunionstudio Posted January 14 Share Posted January 14 site is published for the code. Thank you Link to comment
Web_Solutions Posted January 14 Share Posted January 14 8 minutes ago, komunionstudio said: site is published for the code. Thank you Which video do you want to show on mobile and which video for desktop? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
komunionstudio Posted January 14 Share Posted January 14 top video is desktop, bottom is mobile. Link to comment
Web_Solutions Posted January 14 Share Posted January 14 1 hour ago, komunionstudio said: top video is desktop, bottom is mobile. Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. @media only screen and (max-width: 767px) { [data-section-id="6512ebcc9206c37c002f961d"] { display: none !important; } } @media only screen and (min-width: 768px) { [data-section-id="65a1aa517649c43c7f0dfe0b"] { display: none !important; } } If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
weberdevelopment Posted January 21 Share Posted January 21 I would like help with this too. I'd like to have a different background video play for mobile and for desktop. Is that possible? Link to comment
tuanphan Posted January 25 Share Posted January 25 On 1/22/2024 at 12:09 AM, weberdevelopment said: I would like help with this too. I'd like to have a different background video play for mobile and for desktop. Is that possible? You can use below code with this tool to find data section id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff 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
Effect_Guy Posted February 8 Share Posted February 8 (edited) I've been trying to do this in 7.1 but I haven't had any luck. I understand that the code needs to be copy/pasted in the Custom CSS of the page, but how does the page have to be set up? I was using video blocks to put in the desktop version and the mobile version on top of each other, is that where I'm going wrong? Edited February 8 by Effect_Guy Link to comment
tuanphan Posted February 11 Share Posted February 11 On 2/8/2024 at 10:07 AM, Effect_Guy said: I've been trying to do this in 7.1 but I haven't had any luck. I understand that the code needs to be copy/pasted in the Custom CSS of the page, but how does the page have to be set up? I was using video blocks to put in the desktop version and the mobile version on top of each other, is that where I'm going wrong? You can share link to this page, we can check & give the code 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