Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #279950

    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
    n

    #280277

    Hi Munford!

    You can lightbox it by putting rel=”prettyPhoto” in the link tag:

    <a href="" rel="prettyPhoto">
    

    Best regards,
    Josue

    #280302

    hmm. 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?

    #280305

    Hi,

    Can you please create me an administrator account? post it here as a private reply.

    Regards,
    Josue

    #280306
    This reply has been marked as private.
    #280310
    #280317

    thanks!
    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

    #280320

    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,
    Josue

    #280324

    thanks.
    what if it was a video I had uploaded to the media library –
    would I then use the ?

    #280326

    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,
    Josue

    #280485

    My 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
    n

    #280988

    Hey!

    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,
    Josue

    #281062

    thanks! is that something I should do in a child theme?

    #281067

    You 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,
    Josue

    #281077

    I 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!

    #281084

    Don’t copy the code directly from the mail message, it always gets messed up:

    Cheers!
    Josue

    #281097

    ah – I see the problem. thanks!

    #281103

    You are welcome, always glad to help :)

    Regards,
    Josue

Viewing 18 posts - 1 through 18 (of 18 total)

The topic ‘video in layer slider w lightbox’ is closed to new replies.