Vimeo javascript api player.play() 不播放 [英] Vimeo javascript api player.play() not playing

问题描述

这种奇怪的行为似乎是在上周左右开始的.

This odd behaviour seems to have started in the last week or so.

以下 html/javascript 组合应加载 Vimeo 视频，然后当用户按下播放键时，它应加载并播放不同的视频.如果您想在播放主视频之前播放前贴片，这会很有用.

The following html/javascript combo should load a Vimeo video, and then when the user presses play, it should load and play a different video. It is useful if you want to play a pre-roll before a main video.

如果您在桌面浏览器(我尝试过 Safari、Chrome 和 Firefox)上测试它，它会加载第二个视频，然后暂停它.更奇怪的是，它有时第一次工作，然后如果您重新加载页面并重试，就会出现问题.

If you test it on a desktop browser (I've tried Safari, Chrome and Firefox) it loads the second video, then pauses it. Stranger still, it sometimes works the first time, then the issue arises if you reload the page and try again.

非常感谢您对如何解决此问题的任何想法.

Would appreciate any thoughts on how to solve this.

<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>

推荐答案

一个简单的解决方法是延迟 player.play() 调用...

A simple fix is to delay the player.play() call...

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();
}

这篇关于Vimeo javascript api player.play() 不播放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！