无法让 froogaloop 工作

Question

我觉得有点傻，因为这看起来很简单，但是我有一个这样嵌入的vimeo视频：

<iframe id="video" src="https://player.vimeo.com/video/139326546?api=1" width="500" height="375" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

页面上没有其他视频或 iframe。我尝试以这种方式开始视频：

document.addEventListener("DOMContentLoaded", function(event) { 
    var iframe = document.getElementById('video');
    var player = $f(iframe);
    player.api("play");
});

什么都没有发生。当然，我在页面顶部引用了 froogaloop。我不使用jquery。据我了解，froogaloop 应该独立工作。

Answer 1

您似乎正试图在视频准备好之前播放它。我建议您在调用player.api() 之前先收听ready 事件：

var player = $f(iframe);

// Play the video as soon as it's ready
player.addEvent('ready', function() {
  player.api('play');
});