Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 29, 2015 at 2:07 am #387505
    compasslocal

    I tried a self hosted video using <video width=”100%” height=”100%” preload=”metadata” controls>
    <source src=”/wp-content/uploads/2015/01/my.mp4″ type=”video/mp4″>
    </video>
    and the play button does not show up in chrome. If you embed the same video in a post using the [video] shortcode it does work. But the slider will not work with shortcodes, Ive tried with no success…

    2nd I tried a vimeo video with a custom thumbnail set up on their site. When embedded in a post it uses the full size thumbnail but when inserted into the layer slider it uses a smaller version of the image that gets stretched and distorts in the slider. So why is the slider making vimeo use the wrong image?

    All I want is a single image that when clicked plays my video and I cannot get anything to work correctly.

    January 30, 2015 at 9:34 am #388158
    Ismael

    Hey compasslocal!

    Thank you for using Enfold.

    Have you tried using the theme’s video shortcode? Or use a code like this on a HTML / Video / Audio layer:

    <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="VIDEO SOURCE HERE" frameborder="0" allowfullscreen></iframe>
</div>

    It’s better if you upload the video on youtube.

    Cheers!
    Ismael

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