Как я могу использовать новый (2016) API-интерфейс Vimeo javascript для запуска видео?

Question

Vimeo имеет new (2016) javascript API. Я ищу базовый пример его использования для запуска и остановки видео с помощью javascript при нажатии на странице.

Я нашел эти две статьи, освещающие темы, но оба о старом frogaloop API:

• Vimeo player api - play video with javascript
• https://css-tricks.com/play-button-youtube-and-vimeo-api/

Answer 1

Для запуска видео Vimeo через новый JavaScript API вы просто нужно включить API на свою страницу, а затем выполнить метод play. Смотрите пример ниже:

<!-- Load the video iframe. Be sure to not forget to enable the api (api=1) --> 
 
<iframe src="https://player.vimeo.com/video/87982573?api=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
 

 
<!-- When clicking this text the video will start --> 
 
<p id='start'>click to start</p> 
 

 
<!-- Including jQuery --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!-- Including Vimeo player javascript API --> 
 
<script src="https://player.vimeo.com/api/player.js"></script> 
 
\t \t 
 
<script> 
 
    var iframe = document.querySelector('iframe'); 
 
    var player = new Vimeo.Player(iframe); 
 
    // Execute the `play` method of the API when something with id start is clicked 
 
    $('#start').click(function() { 
 
    player.play(); 
 
    }); 
 
</script>

И обязательно, чтобы посмотреть на Vimeos example page for the new player API.