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.
Thanks
jw
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
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.
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
Quick CSS? Are you referring to the Theme Editor.. styles.css file?
By the way we are using the Enfold child theme.
jw
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
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