Docs

[Antoine]

Hello,

I have an embedded video on my website on the homepage (www.kyani.co, decond block on the right). The video works fine, except that when you click on pause on small screen mode, the video stops working. You can however change the volume without any problem.

Everything works fine on fullscreen mode.

Do you know how to fix this?

Thanks,
Antoine

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Antoine]

This reply has been marked as private.

[Friech]

Hi Antoine,

Thank you for the credentials, you have a Vimeo video. Please use the Embedded Video element instead of the Video Player element. So paste an embed code instead of link, you can use the Video Player element if you have a direct link of the video

Cheers!

[Antoine]

Thanks for the explanation.

Is there a way to use a poster with an Embedded Video? I tried to look for a solution but couldn’t find any simple one.

[Rahul]

Hey There,

Thanks for writing back!

Regretfully, this particular issue is outside the scope of our support as this is not related to an issue with the theme and instead has to do with youtube embed code. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Antoine]

I understand, no problem. I’ll find a solution 🙂

[Prasant Rai]

THanks for understanding. Feel free to ask us again. Have a great day! 🙂

[Antoine]

I almost found a solution using the following code (which I found on a forum):

<div onclick="this.nextElementSibling.style.display='block'; this.style.display='none'">
   <img src="http://www.kyani.co/wp-content/uploads/2016/11/Welcome-Video-Kyäni.jpg" style="cursor:pointer" />
</div>
<div style="display:none">
   <iframe src="https://player.vimeo.com/video/175251231?byline=0&portrait=0&autoplay=1" width="640" height="367" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

It works fine, but the only problem is that the autoplay is not starting on click but on page load (underneath the poster, which then disappears one you click on it). Is there a way to have the autoplay starts only on click? It would then make the trick.

If I don’t use the autoplay, I user then need to click two times to get the video starting (first click the poster disappears, second click the video starts).

Thanks!

[Rue Nel]

Hello There,

Thanks for updating this thread! You can set the iframe source to autoplay=0 at first so that when the page load, the video will not play. As soon as you click, you need to change the source of the iframe and this time around the autoplay will be equal to one. Perhaps something like this:

<div onclick="this.nextElementSibling.style.display='block'; this.style.display='none'; this.nextElementSibling.find(iframe).attr('src', 'https://player.vimeo.com/video/175251231?byline=0&portrait=0&autoplay=1');">
   <img src="http://www.kyani.co/wp-content/uploads/2016/11/Welcome-Video-Kyäni.jpg" style="cursor:pointer" />
</div>
<div style="display:none">
   <iframe src="https://player.vimeo.com/video/175251231?byline=0&portrait=0&autoplay=0" width="640" height="367" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

Thank your for your understanding.

[Author]

Posts