Как средствами JS остановить воспроизведение видео с youtube на странице?

Question

[Григорий Д.]

Здравствуйте!

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

- так вставлено видео на страницу.

Я хочу чтобы при событии "onclick" по определенным элементам видео на странице останавливалось.

Пожалуйста подскажите как именно реализовать остановку?

Answer 1

[Никита Баев]

Не совсем тривиально, но тем не менее:
В урле загрузки видео добавляете ?enablejsapi=1

src="https://www.youtube.com/embed/[[*youtube-id]]?enablejsapi=1"

Затем останавливаете видео, в нужном вам событии:

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

Comments

[Григорий Д.]

Спасибо!

[Григорий Д.]

У вас опечатка: ?enablejsapi=1 - нужно вставить внутрь "".

[Никита Баев]

Григорий Дидус: пофиксил, что-то не заметил.

[sergiofollan]

У меня не срабатывает, вот
И код ставлю на нужное место

[sergiofollan]

<iframe id='Youtube' class='center-block' src='https://www.youtube.com/embed/$YoutubeCode?enablejsapi=1' frameborder='0' allowfullscreen></iframe>