Support » Theme: Customizr » Youtube Video Embedded Slider

  • Resolved JZL

    (@lorebion)


    Hey Customizr support

    First of all. Thank you guys for doing a great job.

    I’ve come to find a bug where when I embed a youtube video in my slider the thumbnail/preview of the video is zoomed in a lot, so that you can’t see the whole thumbnail but a zoomed in version of it.

    I’m using the snippet from here: http://presscustomizr.com/snippet/embedding-a-youtube-or-vimeo-video-in-your-slider/

    When you make the screen smaller, the video gets smaller & cropped

    I would like to have it not being cropped and instead have the preview image just shrink.

    The site is: Here

    Any ideas?

    EDIT:

    These are the CSS I’ve added but to no avail:

            $('iframe' , $_slide_wrap )
    
              .attr('width' , '1400px').attr('height' , '600px')
    
              .css('position','relative').css('top', '0').css('bottom','0').css('left','0').css('right','0').css('max-height', '100%').css('max-width', '100%').css('margin', 'auto').css('overflow', 'auto').css(-webkit-background-size, 'contain').css(-moz-background-size, 'contain').css(-o-background-size, 'contain').css('background-position', 'center')
    • This topic was modified 2 years, 11 months ago by  JZL.
  • The topic ‘Youtube Video Embedded Slider’ is closed to new replies.