-
Posts
-
HI
I am looking at various ways of presenting videos in a slideshow on this page: http://wp.marlowfilm.dk/production/
In the first slide, I’d like it to open in lightbox – is this possible? or is it possible to hide the title/caption once the play
button is clicked? I have 2 different slides with the 2 options in the first layer slider. Is there a better way to do this?thanks
nHi Munford!
You can lightbox it by putting rel=”prettyPhoto” in the link tag:
<a href="" rel="prettyPhoto">Best regards,
Josuehmm. tried it but it’s looking like this:
http://wp.marlowfilm.dk/production/
with a strange aspect ratio.
The first image is an image with this link set manually:
??
the second is a video with this link set manually:
??
thanks.
re: can you hide the title/caption on play?Hi,
Can you please create me an administrator account? post it here as a private reply.
Regards,
JosueCheck it now:
http://wp.marlowfilm.dk/production/You’d need to do the same for the next slide:
http://wp.marlowfilm.dk/wp-admin/post.php?post=3543&action=edit&message=1Best regards,
Josuethanks!
where did you set the lightbox feature?I might want to have the videos play in the slider,
but on the mobile especially the title/caption gets in the way.
is there some way to hide it on play?appreciate your help
If you set the URL of an image slide to a Youtube video it will get lightboxed automatically.
To hide the slideshow captions on mobiles add this to the Quick CSS:
@media only screen and (max-width: 767px) { .slideshow_caption{ display: none !important; } }Best regards,
Josuethanks.
what if it was a video I had uploaded to the media library –
would I then use the ?Yeah that could work in theory, but it would be a lot more tricky. I think its best to use a YT/Vimeo video to be honest.
Best regards,
JosueMy videos are hosted on You Tube but I am having trouble with the embedding settings – would like a cleaner look like from Vimeo. I am not able to edit the embed box in You Tube anymore (to set the modest branding, etc.) Do you know how to do this? Are there further options in Enfold for the embed settings? I’d like to remove the branding, title, etc.
thanks
nHey!
Yes, that’s possible, you need to change a setting in the prettyPhoto activation.
Open (js/avia.js) and replace line 856:elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });By:
elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh, iframe_markup: '<iframe src="{path}&modestbranding=1" width="{width}" height="{height}" frameborder="no"></iframe>'});Best regards,
JosueYou could try overriding the PP invocation, add this to your child functions.php:
function add_custom_script(){ ?> <script type="text/javascript" charset="utf-8"> jQuery(window).load(function(){ jQuery("a[href*="youtube.com/watch"]").prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery: false, iframe_markup: '<iframe src="{path}&modestbranding=1" width="{width}" height="{height}" frameborder="no"></iframe>' }); }); </script> <?php } add_action('wp_footer', 'add_custom_script');Regards,
JosueI tried editing the avia.js but am getting a syntax error:
if($.fn.prettyPhoto)
elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh, iframe_markup: '<iframe src="{path}&modestbranding=1" width="{width}" height="{height}" frameborder="no"></iframe>'});}
I am not a coder at all – can you see what the issue is? It didn’t take the branding off:
http://wp.marlowfilm.dk/productions-2/thanks!
- The topic ‘video in layer slider w lightbox’ is closed to new replies.