miserytakeme Posted March 8 Share Posted March 8 Hi all, I hope you're well! So I'm looking to replace an image with a video in a gallery strip section in a project page in a portfolio page. I've managed to do it with the project pages thumbnails using the portfolio header code injection, but I'm struggling to target this specific image. I'll attach a screenshot highlighting the image in particular. The way I did it in the portfolio thumbnails is by displaying the video with the thumbnail and hiding the original image, I'm guessing it will need to be a similar method here. I'm also assuming this will need to be done with a code block as project pages don't have individual header code injection like in the Advanced settings of a page. This is the page in particular (my site is public and there is no password required): https://miserytakeme.design/portfolio/below-the-neck-an-imminent-end This is the static link for the video I'd like to swap in: https://static1.squarespace.com/static/603e3b9f038b852d44eabf1a/t/65eb03b5fad71e419837cf52/1709900742806/BTN+CANVAS+95+PADDING.mp4 If anyone has any advice or is able to help me with this, I would be eternally grateful! Thank you so much for your time Beyondspace 1 Link to comment
tuanphan Posted March 10 Share Posted March 10 You mean replacing this image with video? miserytakeme 1 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
miserytakeme Posted March 19 Author Share Posted March 19 (edited) On 3/10/2024 at 10:33 AM, tuanphan said: You mean replacing this image with video? Yes that's correct! If possible, to have it be replaced in Lightbox mode too Apologies for the late response, I did not get a notification for this Edited March 19 by miserytakeme Further clarification Beyondspace 1 Link to comment
Solution miserytakeme Posted June 10 Author Solution Share Posted June 10 If anyone is interested, I did get this to work with code but it was super long winded, overly complex and a pain to update and replicate across other pages. I have since worked with @Beyondspace after purchasing their Lightbox Studio plugin, and due to implementing this, my code was now obsolete and stopped working. I contacted them about this, and due to my request, they implemented video natively into their plugin! It works absolutely amazingly, and is super easy and quick to implement and update, without any complex code per page! An added bonus now is my lightboxes also have scroll zoom / pinch-to-zoom on top of video support, which is incredible and a serious game changer for me as a freelance graphic designer who often works with video and motion graphics. It's a shame that these simple features are not natively supported within Squarespace, but their plugin adds these in and is definitely worth its (affordable) price. I urge anyone who is in a similar position to me to seriously consider this plugin and supporting this seriously talented developer! They actually added a case study on their site about this specifically, so if you want a deep dive into how it may help you as a videographer / 3D artist / motion designer / anyone who works with video or needs to surpass the limitations of Gif's, give it a read because it has made such a difference to my website and will improve my site's visitors experience greatly. https://beyondspace-showcase.squarespace.com/case-studies/transforming-visual-presentation-case-study-of-misery-take-me-design tuanphan, Beyondspace and NiangLee 3 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