Replace image with video in strip gallery in project page

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