Проиграть Vimeo api не удалось, поскольку пользователь сначала не взаимодействовал с документом - PullRequest
Новая
       21

Проиграть Vimeo api не удалось, поскольку пользователь сначала не взаимодействовал с документом

0 голосов
/ 07 марта 2019

Vimeo Player теперь будет играть даже с атрибутом allow = "autoplay", проверьте ошибку консоли jsfiddle, нажмите маленькую кнопку воспроизведения значка:

https://jsfiddle.net/0vfLtdm8/

var player = document.getElementById('video-player');
var vimeoPlayer = new Vimeo.Player(player);

playbtn.onclick = function() {
  vimeoPlayer.play();
}
vimeoPlayer.on('error', function(error) {
  console.log(error);	
});
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<script src="https://player.vimeo.com/api/player.js"></script>

<div id="video-outer-full">
  <div id="video-inner">
    <i class="far fa-play-circle" id="playbtn"></i>
    <iframe id="video-player" class="video" width="560" height="315" src="https://player.vimeo.com/video/309741585" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>
  </div>
</div>

1 Ответ

1 голос
/ 08 марта 2019

@ Тоник, это проблема, специфичная для jsfiddle и codepen подобных сервисов.

На этих тестовых страницах они помещают пользовательский тестовый контент в iframe, который не имеет параметра allow = "autoplay", который препятствует выполнению действия play ().

enter image description here

Кроме того, iframe игрока Vimeo должен иметь атрибут allow = "autoplay".

Вы можете увидеть на демонстрационной странице API, что эта проблема не возникает, если вы нажмете кнопку пользовательского воспроизведения в правом верхнем углу.

https://player.vimeo.com/api/demo

...