dillig Posted April 1 Share Posted April 1 (edited) I'm trying to customize a video lightbox gallery to display the video player right away rather than showing the lightboxed thumbnail again for a brief moment. Looking for the same solution when you use the left/right arrows to go to the next videos while in the lightbox – would like to reveal the next video player instead of another thumbnail to click. Any solutions that could make the arrows go simply to the next video player without the in-between step? I've included a video screen record for reference and a link to the live site below: https://www.townsendhurst.com/work I appreciate any advice! video-gallery-thumbnail-load-sample.mov Edited April 1 by dillig Finishing Post Link to comment
dillig Posted April 1 Author Share Posted April 1 @tuanphan Any advice you could provide here? I appreciate your time. Link to comment
tuanphan Posted April 3 Share Posted April 3 You can use this code to Website > Website Tools > Custom CSS div.sqs-lightbox-slide .video-fit img { visibility: hidden !important; opacity: 0 !important; } 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
dillig Posted April 3 Author Share Posted April 3 Thanks, @tuanphan. That took care of the first instance – is there any way to target the following videos in the gallery when you use the arrows to go to the next video? With that first snippet of code, when you click to the next video it's hiding the thumbnail still, but doesn't show the vimeo player interface. Any way to solve that? I've attached another video screen record referencing what I'm talking about. Appreciate your help thus far. Second_Video_PlayerVisibility.mov Link to comment
tuanphan Posted April 7 Share Posted April 7 Try this new code div.sqs-lightbox-slide.sqs-active-slide .video-fit img { visibility: hidden !important; opacity: 0 !important; } 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