Vimeo javascript api player.play () не играет

Question

Такое странное поведение, похоже, началось на прошлой неделе или около того.

Следующая комбо html / javascript должна загрузить видео Vimeo, а затем, когда пользователь нажимает кнопку воспроизведения, оно должно загружать и воспроизводить другоевидео.Это полезно, если вы хотите воспроизвести предварительный ролик перед основным видео.

Если вы тестируете его в настольном браузере (я пробовал Safari, Chrome и Firefox), он загружает второе видео, затем делает паузуЭто.Еще страннее, иногда это работает с первого раза, а затем возникает проблема, если вы перезагрузите страницу и повторите попытку.

Буду признателен за любые мысли о том, как решить эту проблему.

<iframe allowfullscreen="" scrolling="no" src="https://player.vimeo.com/video/258684937" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay; encrypted-media"></iframe>

<script src="https://player.vimeo.com/api/player.js"></script>

<script>
var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);

player.on('play', function(){
    player.off('play')
    player.loadVideo(76979871).then(function(){
        player.setAutopause(false).then(function(autopause) {
            player.play();
       });
    });
});
</script>

Answer 1

Простое решение - отложить вызов player.play () ...

var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);

player.on('play', function(){
    player.off('play')
    player.loadVideo(76979871).then(function(){
        player.setAutopause(false).then(function(autopause) {
          // wait 1 second then play  
          setTimeout(play2,1000);
       });
    });
});
function play2(){
  player.play();
}