-
AuthorPosts
-
December 18, 2014 at 9:25 am #167061
I’d like to link to a demo reel within the slider at the top of the page. I’d like it to be displayed using the lightbox shortcode but shortcodes don’t seem to be recognized by the slider. Is there a way to do this?
December 18, 2014 at 10:15 pm #167421Hi there,
Thanks for writing in! Using lightbox shortcode in revolution slider might not be possible but you use background videos instead. Just add a video layer for your slides.
Hope this helps!
January 12, 2015 at 11:09 am #181354To clarify, I don’t want the video to play within the slider itself. I’d like the link to the video to be present inside the slider and then I’d like the video to play in a lightbox once clicked. Is this possible? Thank you
January 13, 2015 at 12:38 am #181730Hi there,
Thank you for writing in! and for this brilliant idea at first I thought It wasn’t possible but it is. First create the lightbox on your page. After doing that and make sure that the lightbox and video is working. cut the thumbnail shortcode, but leave the lightbox shortcode on the page. The thumbnail shortcode look something like this.
[image type="thumbnail" float="none" info="none" info_place="top" info_trigger="hover" lightbox_video="true" src="6873" alt="alternate" href="//www.youtube.com/embed/PKyh2ugjiE4" link="true" class="awesomevideo"]
Then on your slider add a new layer and paste the code you just cut. This would only work if both the thumbnail shortcode and lightbox shortcode are both on the same page. The lightbox shortcode look something like this
[lightbox selector=".awesomevideo" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal"]
The class of image and selector of lightbox should be correspond.
Let us know how it goes, Cheers!
January 16, 2015 at 10:11 am #184499Thanks that worked! I am having issues taking away the gallery function though. I only want one video to play and since it autoplays, it is going multiple times in the background. How do I change this?
January 17, 2015 at 7:37 am #185029Hey there,
Please give us the URL of the page so we could see what you mean.
Thanks.
January 19, 2015 at 12:42 pm #186330January 20, 2015 at 4:39 am #186734Hi Marshall,
Thanks for the URL!
Please replace your lightbox selector with
.rev_slider_wrapper li:first-child .awesomevideo
instead of.awesomevideo
, so it will become:[lightbox selector=".rev_slider_wrapper li:first-child .awesomevideo" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal"]
Cheers!
March 7, 2015 at 5:39 pm #222415+1 confirm this works.
Awesome job X support!
March 8, 2015 at 7:55 am #222642Glad it works.
April 23, 2015 at 11:40 am #256760Awesome site, awesome code, just what I needed. Thanks all!
April 23, 2015 at 11:59 am #256784Glad to hear that!
Let us know if you need anything else.
Thanks. Have a great day! 🙂
April 24, 2015 at 3:18 pm #257815A quick question regarding this, is is possible to have the lightbox video autoplay?
April 24, 2015 at 9:20 pm #257997January 23, 2016 at 9:16 pm #761008Is there a way to do this in slider revolution? I can’t figure where to put the code.
-
AuthorPosts