Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #281353

    Currently the video plays on load. We do not want this. We’re trying to have the video (a Vimeo) link pause on load, but to show the controls so that people know it’s a video.

    Another option would be to put a graphic as a first layer, indicating that in order to play the video, one must click.

    Can’t seem to find either option. Suggestions would be helpful.

    http://l2l.ca

    Thanks

    jw

    #281401

    Hey!

    Have you tried disabling the autoplay parameter?

    <iframe src="//player.vimeo.com/video/98157099?autoplay=0&wmode=opaque" width="712" height="401" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
    

    Cheers!
    Josue

    #281430

    Yes, but this leaves the first frame of the video.. but without video controls. People don’t know it’s a video without clicking on it.

    #281449

    Hey!

    Try adding this code to the Quick CSS:

    div.ls-playvideo {
        background-image: url(https://l2l.ca/wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/fullwidth/skin.png) !important;
    }

    Cheers! 
    Josue

    #281759

    Quick CSS? Are you referring to the Theme Editor.. styles.css file?

    By the way we are using the Enfold child theme.

    jw

    #281788

    Hi,

    Quick CSS is found in Enfold > General Styling (at the bottom).

    But if you are using a child theme you can put it in its style.css file.

    Regards,
    Josue

    #282506

    Josue

    That worked perfectly! If I wanted to add some text along with the .png file … ie (click here to watch our video).. how would I do that?

    jw

    #282508

    Hey!

    Please try adding following code to Quick CSS as well

    div.ls-playvideo:before { content: 'click here to watch our video'; }

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.