Vimeo Embed: Пользовательская кнопка воспроизведения работает. Как добавить кнопку паузы? - PullRequest
Новая
       117

Vimeo Embed: Пользовательская кнопка воспроизведения работает. Как добавить кнопку паузы?

0 голосов
/ 29 апреля 2020

Мне удалось воспроизвести видео vimeo с помощью внешней кнопки воспроизведения с этим кодом 

<div class="myvimeo_container">

<iframe id="vimeovid1" src="https://player.vimeo.com/video/vimeoID" width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
<br>
<button onclick="play_video()">MY_PLAY_BUTTON</button>

<script>
function play_video() {
  var player = document.getElementById("vimeovid1");
  var data = { method: "play" };
  player.contentWindow.postMessage(JSON.stringify(data), "*");
}
</script></div>

Это работает!

Но у меня возникают проблемы с добавлением второй кнопки для приостановки Видео. Есть ли способ реализовать второй 

<button onclick="pause_video()">MY_PAUSE_BUTTON</button>

<script>
function play_video() {
  var player = document.getElementById("vimeovid1");
  var data = { method: "pause" };
  player.contentWindow.postMessage(JSON.stringify(data), "*");
}
</script>

Я пока не могу понять это. Я только начал изучать кодирование, и было бы здорово, если бы кто-то мог указать мне правильное направление.

Кстати, я использую приведенный выше код в WordPress ... для вставки видео vimeo ... их адаптивное встраивание не так круто ... поэтому я пытаюсь немного обойтись ...

...