Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #27502

    Hi,

    i have a Layeslider slide with an embedded vimeo video (in an iframe) with this src attribute :

    http://player.vimeo.com/video/39412670?title=0&byline=0&portrait=0&color=c3512f&autoplay=0

    But the video always autoplays…

    Is there a way to disable autoplaying ?

    I saw this code on the source code :

    lsjQuery(“#layerslider_3”).layerSlider({

    width : ‘100%’,

    height : ‘350px’,

    responsive : true,

    responsiveUnder : 1140,

    sublayerContainer : 1140,

    autoStart : true,

    pauseOnHover : false,

    firstLayer : 1,

    animateFirstLayer : true,

    randomSlideshow : false,

    twoWaySlideshow : true,

    loops : 0,

    forceLoopNum : true,

    autoPlayVideos : true,

    Is it related ?

    Thanks a lot.

    #134235

    Hi,

    How did you add the video? Can you give us a link to the website? It doesn’t auto play on my end even if I set autoplay=1.

    Regards,

    Ismael

    #134236

    Hi,

    I’m back…

    > How did you add the video?

    I added a layer “Div/video” which contains an iframe with this src value : http://player.vimeo.com/video/39412670?title=0&byline=0&portrait=0&color=c3512f&autoplay=0

    > Can you give us a link to the website? It doesn’t auto play on my end even if I set autoplay=1.

    Yes, but our test site access is protected by IP address.

    For a previous question (https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -with-chrome-win-xp), I gave Nick an access.

    You could access our site by using this IP address ou you could give me a fixed IP (v4 or v6). As you like.

    Thanks

    #134237

    Hi,

    I tested this on my end. Added this code on a Div / Video field.

    <iframe src="http://player.vimeo.com/video/39412670?title=0&byline=0&portrait=0&color=c3512f&autoplay=0">

    The vimeo video doesn’t auto play when the slide loads. Please update to Enfold 2.1.

    Regards,

    Ismael

    #161620

    Hi,

    I’m already using Enfold 2.1 (with WP 3.6.1)…

    Could you could me a fixed IP (v4 or v6) in order to open to you an access to my test website ?

    Thanks,
    Oli

    #161639

    For help, here is the HTML code with a strange ‘autoPlayVideos : true’ … and as you can see my iframe with “autoplay=0″.

    Thanks for help.

    <div id=’layer_slider_1′ class=’avia-layerslider main_color avia-shadow avia-builder-el-0 avia-builder-el-first container_wrap fullsize’ style=’height: 351px;’ ><script type=”text/javascript”>var lsjQuery = jQuery;</script><script type=”text/javascript”>
    lsjQuery(document).ready(function() {
    if(typeof lsjQuery.fn.layerSlider == “undefined”) { lsShowNotice(‘layerslider_3′,’jquery’); }
    else if(typeof lsjQuery.transit == “undefined” || typeof lsjQuery.transit.modifiedForLayerSlider == “undefined”) { lsShowNotice(‘layerslider_3’, ‘transit’); }
    else {
    lsjQuery(“#layerslider_3″).layerSlider({
    width : ‘100%’,
    height : ‘350px’,
    responsive : true,
    responsiveUnder : 1140,
    sublayerContainer : 1140,
    autoStart : true,
    pauseOnHover : false,
    firstLayer : 1,
    animateFirstLayer : true,
    randomSlideshow : false,
    twoWaySlideshow : true,
    loops : 0,
    forceLoopNum : true,
    autoPlayVideos : true,
    autoPauseSlideshow : ‘auto’,
    youtubePreview : ‘maxresdefault.jpg’,
    keybNav : true,
    touchNav : true,
    skin : ‘fullwidth’,
    skinsPath : ‘http://www-test.mines-telecom.fr/wp-content/themes/enfold/config-layerslider/LayerSlider/skins/’,
    globalBGColor : ‘transparent’,
    navPrevNext : true,
    navStartStop : true,
    navButtons : true,
    hoverPrevNext : true,
    hoverBottomNav : false,
    showBarTimer : false,
    showCircleTimer : true,
    thumbnailNavigation : ‘disabled’,
    tnWidth : 100,
    tnHeight : 60,
    tnContainerWidth : ‘60%’,
    tnActiveOpacity : 35,
    tnInactiveOpacity : 100,
    imgPreload : true,
    yourLogo : false,
    yourLogoStyle : ‘left: 10px; top: 10px;’,
    yourLogoLink : false,
    yourLogoTarget : ‘_self’,
    cbInit : function(element) { },
    cbStart : function(data) { },
    cbStop : function(data) { },
    cbPause : function(data) { },
    cbAnimStart : function(data) { },
    cbAnimStop : function(data) { },
    cbPrev : function(data) { },
    cbNext : function(data) { }
    });
    }
    });
    </script><div class=”ls-wp-fullwidth-container”><div class=”ls-wp-fullwidth-helper”><div id=”layerslider_3″ class=”ls-wp-container” style=”width: 100%; height: 350px; margin: 0px auto; “><div class=”ls-layer” style=”slidedirection: right; slidedelay: 13000; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; easingout: easeInOutQuint; delayin: 0; delayout: 0; timeshift: 0; transition2d: all; “>Slide background<h1 class=”ls-s-1″ style=”position: absolute; top:80px; left: 300px; slidedirection : top; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; text-shadow:0 1px 1px rgba(0,0,0,.7); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: #ffffff; white-space: nowrap;”> Former </h1><h1 class=”ls-s-1″ style=”position: absolute; top:150px; left: 350px; slidedirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 5000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); white-space: nowrap;”> Innover </h1><h1 class=”ls-s-1″ style=”position: absolute; top:210px; left: 410px; slidedirection : right; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 9000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); white-space: nowrap;”> Créer </h1></div><div class=”ls-layer” style=”slidedirection: right; slidedelay: 4000; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; easingout: easeInOutQuint; delayin: 0; delayout: 0; timeshift: 0; transition2d: all; “>Slide background<p class=”ls-s-1″ style=”position: absolute; top:10px; left: 50px; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; font-size:200px; opacity:0.2; text-align:right; white-space: nowrap;”> #1 </p><p class=”ls-s-1″ style=”position: absolute; top:90px; left: 100px; slidedirection : top; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:50px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); text-align:right; width: 350px; white-space: nowrap;”> Premier </p><p class=”ls-s-1″ style=”position: absolute; top:150px; left: 100px; slidedirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:30px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); text-align:right; width: 350px; line-height: 36px; “> groupe de grandes écoles d’ingénieurs et de managers en France </p><div class=”ls-s-1″ style=”position: absolute; top:15px; left: 550px; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 2000; delayout : 0; showuntil : 0; z-index:10; white-space: nowrap;”> <iframe src=”http://player.vimeo.com/video/39412670?title=0&byline=0&portrait=0&color=c3512f&autoplay=0″ width=”515″ height=”289″ frameborder=”0″ webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div></div></div></div></div></div><div id=’after_layer_slider_1′ class=’main_color container_wrap fullsize’ ><div class=’container’><div class=’template-page content twelve alpha units’><div class=’post-entry post-entry-type-page post-entry-734′><div class=’entry-content-wrapper clearfix’>
    <div class=”flex_column av_one_third first avia-builder-el-1 el_after_av_layerslider avia-builder-el-first “>
    <div class=”iconbox iconbox_left avia-builder-el-2 avia-builder-el-first “><div class=”iconbox_content”><div class=”iconbox_icon heading-color avia-font-entypo-fontello”>📖</div><h3 class=”iconbox_content_title”>A la une</h3><p>Click here to add your own text</p>
    </div></div>

    #161775

    Hi Ismael,

    our test site is open, you can view it at http://www-test.mines-telecom.fr.

    Thanks for help

    #162091

    Hi,

    Go to LayerSlider WP > Slides > Global Settings > Slideshow > Automatically play videos. Turn if off.

    Regards,
    Ismael

    #162284

    Hi,

    it was a tricky, but I didn’t see these global settings…

    Thanks a lot !!

    #162742

    Hey,

    Glad it worked. :)

    Cheers,
    Ismael

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

The topic ‘Vimeao video autoplay in LayerSlider’ is closed to new replies.