Layerslider help

Hi i hopeyou can help me, how can i get the Youtube video i have inserted inside LayerSlider, to be Responsive?

As i have got the Slider to be responsive but the "Video" just will not :(

URL IS: http://www.1bigstoragesolutions.co.uk/beta/

Thanks
Aaron

Comments

  • Hi,

    As we know video should be on the last layer to resize in responsive

    Thanks!
  • Thanks, this works but one thing that doesnt is the Youtube Thumbnails image? it seems to be loading this:

    <div class="ls-vpcontainer"><img class="ls-videopreview" alt="Play video" src="//img.youtube.com/vi/kjt7LYeK4Xo/maxresdefault.jpg"><div class="ls-playvideo"></div></div>

    so how can i stop it loading that or how can i change it so can use my own :)

    Thanks
    Aaron
  • I fixed it i used this code:
    <div onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'">
    <img style="cursor: pointer;" src="PREVIEW IMAGE URI HERE" alt="" />
    </div>

    <div id="thevideo" style="display: none;">
    iframe code here
    </div>

    And set the layerslider video to Autoplay :)
  • My bad, it doesnt work as now it is plays when you load the website :) with just audio :(
  • Sorted :) i changed Slider settings for video from Maximum quality to High :)
Sign In or Register to comment.