Tagged: Layer Slider, plugins, video
-
AuthorPosts
-
July 5, 2014 at 3:57 am #287416
Hello First off HAPPY 4th Everyone!! Secondly I’m a workaholic and I must get a few hours in.. lmao okay anyways I have a generally issue I’m coming across with Vimeo in particular I have a cover art set from the vimeo account of my vid but all that shows up on the slider is a block of black no play button just says click to play in small fonts in the top left. I dont’ want the video to auto play since that annoys visitors, but I do want them to see some sort of nice clean cover art and I just can’t figure out how to do this especially when using vimeo… any suggestions ?? Thanks guys
July 5, 2014 at 4:04 am #287418Hi,
Open css/shortcodes.css and remove line 3253:
div .avia-layerslider .ls-fullwidth .ls-playvideo,
Regards,
JosueJuly 5, 2014 at 4:31 am #287426I have a follow up on figuring this video preview – Apparently Vimeo changed their embedded coding, so I used the old embed coding they have which is the following here –
<!-- This version of the embed code is no longer supported. Learn more: https://vimeo.com/s/tnm --> <object width="623" height="350"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=99894724&force_embed=1&server=vimeo.com&show_title=0&show_byline=0&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=99894724&force_embed=1&server=vimeo.com&show_title=0&show_byline=0&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="623" height="350"></embed></object>
While the new one here causes a blank box until clicked –
<iframe src="//player.vimeo.com/video/99894724?title=0&byline=0"show_portrait=1& width="623" height="350" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
I tried to see if this would work if implemented show_portrait=1& but no go…
July 5, 2014 at 4:43 am #287428Hey!
Try adding this code to the Quick CSS:
div.ls-playvideo { background-image: url(https://shocktp.com/wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/fullwidth/skin.png) !important; }
Cheers!
JosueJuly 5, 2014 at 6:47 am #287470Well I tried both methods and that didn’t work, but I do have to say the old embed codes for vimeo show the preview image for the video but the their new embed codes wont show a preview.. maybe it’s specifically with vimeo? I’m going to try some other vimeo vids to test out and see.
<!-- This version of the embed code is no longer supported. Learn more: https://vimeo.com/s/tnm --> <object width="623" height="350"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=99894724&force_embed=1&server=vimeo.com&show_title=0&show_byline=0&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=99894724&force_embed=1&server=vimeo.com&show_title=0&show_byline=0&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="623" height="350"></embed></object>
July 5, 2014 at 6:38 pm #287538Try with this code:
<iframe src="//player.vimeo.com/video/99894724?autoplay=0" width="720" height="405" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
Make sure you are in a HTML / Video / Audio tab.
Best regards,
Josue -
AuthorPosts
- You must be logged in to reply to this topic.