Slideshow image but with link to video lightbox?

(6 posts) (2 voices)

1. 

   ron7519
   Member

   I was wondering if it's possible to have an image in the slide show but when the image is clicked, it loads a lightbox that plays a YouTube clip.

   For Image/Video URL I put an image and for Link URL I put the link to the YouTube video. If the Read More button is enabled it does exactly what I'm looking for (I have the Easy Fancybox plugin activated). I don't want to use the Read More button but for the user to simply click on the image and get the same effect.

   Is this possible? Here is the site http://websitevideopresenter.com/

   Posted 5 months ago #
2. 

   Elliott
   Support

   Hello ron7519,

   You can display youtube and vimeo videos directly in the slider. Just paste the URL to your video in the "Image / Video URL" field when editing your slide.

   Posted 5 months ago #
3. 

   ron7519
   Member

   Thanks but I don't want to use the video image because I'm at the mercy of whatever YouTube makes as the "video still" and the video I want to use the still looks silly. So, I was hoping to have an image in place of the video but when one clicks on the video a lightbox opens.

   Is this possible or any suggestions? thx

   Posted 5 months ago #
4. 

   Elliott
   Support

   You can use the "Full + Raw HTML" stage and insert a link and image in the slide description.

   You still have to upload an image to the "Image / Video URL" field but you can get by this by uploading a 1x1 transparent PNG so it does not display.

   Here is an example of the code you would use,

   <a href = "link to your video" rel = "prettyPhoto">
   [image_frame]link to your still image[/image_frame]
   </a>

   Posted 5 months ago #
5. 

   ron7519
   Member

   Thank you for the help. I'm still not getting it to work. Now when the page loads it automatically starts playing the video. Here is a screen shot of my settings. Again, I'd like the image 'Untitled-3.png' to display and when you click on it is open the video in the lightbox.

   Sorry for being a pain!

   

   Attachments

   1. slide.png (98.2 KB, 0 downloads) 5 months old

   Posted 5 months ago #
6. 

   Elliott
   Support

   Try taking off the quotes surrounding your thumbnail link and open up /wp-content/themes/[your_theme]/lib/shortcodes/17-frames.php and change line 125 from this,

   return '[raw]' . $out . '[/raw]';

   To this,

   return $out;

   Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.