Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 26, 2015 at 6:45 pm #385693
    dlcweb

    I have a youtube embed on the 3rd slide.

    It only shows the youtube video thumbnail with no controls which makes it look like an image, not a video. How can I get a big play button icon to show over it?

    Thanks!

    January 27, 2015 at 9:18 am #386061
    Ismael

    Hey dlcweb!

    Thank you for using Enfold.

    How did you add the video? Please post the video code on pastebin.com.

    Best regards,
    Ismael

    January 27, 2015 at 5:37 pm #386400
    dlcweb
    This reply has been marked as private.
    January 28, 2015 at 8:25 am #386794
    Ismael

    Hi!

    Thank you for the link.

    Create your own preview image then replace the video layer code with this:

    <div onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'">
<img style="cursor: pointer;" src="PREVIEW IMAGE URI HERE" alt="" />
</div>

<div id="thevideo" style="display: none;">
<iframe width="640" height="360" src="//www.youtube.com/embed/t9bJNyODBuI?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>

    Cheers!
    Ismael

    January 29, 2015 at 5:12 pm #387793
    dlcweb

    That doesn’t work. When you click it, the preview disappears and you are left with the youtube video in its unplayed state that looks like an image.

    It’s also not convenient to have to create and host a preview image everytime you add a video to LayerSlider.

    Is there not a way to disable the static preview image overlay that layerSlider is doing and just have a regular video embed instead?

    Thanks

    January 30, 2015 at 9:32 am #388156
    Ismael

    Hi!

    I tested the code on the plugin’s HTML / Video / Audio layer and it works fine. I don’t get the video overlay after you clicked the preview image. Please post the login details here. Set it as a private repy.

    Regards,
    Ismael

    January 30, 2015 at 5:51 pm #388375
    dlcweb
    This reply has been marked as private.
    February 1, 2015 at 5:57 am #388929
    Ismael

    Hey!

    It works fine on this test page, all you need to do is adjust the image dimension: http://dtcinsure.com/test-page/

    Cheers!
    Ismael

    February 2, 2015 at 4:21 pm #389389
    dlcweb

    Sorry, it does not work fine. You had set the slider to autoplay videos. The video plays in the background before you even click on the video. If you turn off autoplay and click the video thumbnail, the video does not play, you have to click it twice just like before.

    If this feature does not work, how can we disable this preview image function and just have regular video embeds?

    Thanks

    February 4, 2015 at 12:37 pm #390695
    Ismael

    Hi!

    Yeah. You’re right. Didn’t notice the video option. Try to use the video shortcode:

    http://dtcinsure.com/wp-admin/admin.php?page=layerslider&action=edit&id=6
    http://dtcinsure.com/test-page/

    You can add a poster or video thumbnail attribute: http://codex.wordpress.org/Video_Shortcode

    Regards,
    Ismael

    February 4, 2015 at 4:33 pm #390781
    dlcweb

    OK. Big problem with that is that is does not work on mobile devices…

    I’ll try something else and get back to you. thanks

    February 5, 2015 at 3:43 pm #391390
    Ismael

    Hi!

    I haven’t tested it on mobile view. I’ll ask the rest of the support team to check this thread. Maybe, they have other ideas.

    Best regards,
    Ismael

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