How to stop youtube video from playing in JS using JS?

Question

YouTube

Hello!

<iframe width="800" height="480" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen id="youtube"></iframe>

- so the video is inserted on the page.
I want the video on the page to stop on the "onclick" event on certain elements.
Please tell me how exactly to implement the stop?

Answer 1

Not exactly trivial, but nonetheless:
In the video download url add ?enablejsapi=1
Then stop the video, in the event you need:

document.getElementById('video').contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');