Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 30, 2014 at 7:39 pm #327539
    Tech Dude

    I have a youtube video that I’m loading in a LayerSlider. It loads and plays fine. I’m attempting to make it zoom after it loads for 1 second to take up the full space (height) of the layer window, but I can’t seem to get it to. Would you happen to know how?

    October 1, 2014 at 11:44 am #327976
    Ismael

    Hi Tech!

    Thank you for using Enfold.

    Use the Video shortcode element. Generate the shortcode using the shortcode wand then copy it. Create a layer then switch to HTML mode. Create a new container then add the video shortcode inside:

    <div class="fullwidth-video">
[av_video src='http://vimeo.com/1084537' format='16-9' width='16' height='9' custom_class='']
</div>

    Go to the Transition panel then edit the Transition In options. Set the Scale Y and X to 0. And the Duration to 5000. The Delay set to 2000.

    Add this on Quick CSS or custom.css:

    .fullwidth-video .avia-video.avia-video-16-9 .avia-iframe-wrap {
width: 100% !important;
height: 100% !important;
}

    Cheers!
    Ismael

    October 6, 2014 at 3:58 pm #330951
    Tech Dude

    Hi Ismael, i’m a bit lost in the first part. I’m on the layer slider editor looking at Content: Where do I go to:
    “Use the Video shortcode element”? the only options I see are “Image”, “Text,” “HTML/Video/Audio” and “Dynamic content from posts” and none have the magic wand tool

    October 6, 2014 at 5:11 pm #331000
    Tech Dude

    ah ok, i got it. you already put the shortcode in it. I got the video to load, but it’s super small and not taking up the full window. The CSS is in the Styles tab under Custom CSS

    October 6, 2014 at 6:12 pm #331037
    Tech Dude

    ah there we go…Ismael you rock man, thanks a gazillion

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘LayerSlider Zoom Video To Fill Banner Space’ is closed to new replies.