Clicking on video itself not working

[alexchorny]

Hi there!
I have a couple of videos on my main page, and I’m not able to play them without clicking on control buttons (=clicking on the video itself) using Cornerstone Video Element.
alexchornymusic.com
I also tried to turn off my Cache Plugin, but the problem still remains.

It works with Embed/Classic Video Element, but in this case, loading time may increase up to 2-3 times (because of base.js calls), which is not acceptable to me.

Thank you for your help! I’ll provide you with login information.
Best, Alex

[shimoda]

I experience the same problem. Only able to play the video by clicking on the control bar. The big play button at the centre of the screen does not work which is very misleading.

[ruenel]

Hello Alex and @shimoda ,

Thanks for writing in.

You are experiencing this issue because you are using the Video element incorrectly. Since your video is hosted in Youtube, you will have to use the Embed option in the element and insert the Youtube Embed code.

Incorrect use of the Video element:

The right ways SHOULD be this:

You should be inserting the embed code:

<iframe width="560" height="315" src="https://www.youtube.com/embed/-i1RvX6Z7No" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

To get the Youtube embed code, please check out this documentation:

• https://support.google.com/youtube/answer/171780?hl=en

To know more about the Video element, please check this out:

• https://theme.co/docs/video

If there’s anything else, we can help you with, please let us know.

[shimoda]

I have overlooked this part when I read the documentation. Thanks @ruenel for this detailed explanation!

[christian]

You’re welcome, @shimoda . Glad we’re able to help.