-
AuthorPosts
-
June 19, 2014 at 8:32 pm #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.
Thanks
jw
June 19, 2014 at 9:51 pm #281401Hey!
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!
JosueJune 19, 2014 at 10:43 pm #281430Yes, 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.
June 19, 2014 at 11:47 pm #281449Hey!
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!
JosueJune 20, 2014 at 8:04 pm #281759Quick CSS? Are you referring to the Theme Editor.. styles.css file?
By the way we are using the Enfold child theme.
jw
June 20, 2014 at 9:03 pm #281788Hi,
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,
JosueJune 23, 2014 at 3:33 pm #282506Josue
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
June 23, 2014 at 3:36 pm #282508 -
AuthorPosts
- You must be logged in to reply to this topic.
