2

我搜索了 SO 和 Vimeo 中的文档，似乎无法弄清楚如何在 Vimeo 的 Ready 事件之外调用 API 方法。我创建了我的 Vimeo 播放器，将其嵌入到 teacher.js 中：

    $(".video-player").prepend('<iframe id="player" src="//player.vimeo.com/video/'+video_id+'?api=1&player_id=player&badge=0&title=0&byline=0&portrait=0" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');

    player = $('iframe#player')[0];
    vimeoSetup(player);

然后在不同的脚本中调用 vimeoSetup：

function vimeoSetup (player) {
$f(player).addEvent('ready', ready);

  function addEvent(element, eventName, callback) {
    if (element.addEventListener) {
      element.addEventListener(eventName, callback, false);
    }
    else {
      element.attachEvent('on'+eventName, callback);
    }
  }

  function ready(player_id) {
    // Keep a reference to Froogaloop for this player
    container = document.getElementById(player_id).parentNode.parentNode;
    froogaloop = $f(player_id);    
    var buttons = container.querySelector('div#video-player-controls-holder-teacher div'),
    playBtn = document.querySelector('#play-pause');

   //play-pause -- I wanted to have a single play-pause button, which is working fine
    addEvent(playBtn, 'click', function() {
      froogaloop.api('paused', function(paused) {
        if(paused) {
            froogaloop.api('play');
        } else {
            froogaloop.api('pause');
        }
      });
    });
    ...

现在，如果我想说调用 $f(player).api('pause'); 在teacher.js 中，我收到此错误：无法将消息发布到http://player.vimeo.com。收件人具有来源 mydomain。这似乎是一个简单的问题——我不确定它是否涉及到我目前无法使用的“this”，或者我是否错误地抓住了 Vimeo 播放器嵌入——我确实得到了很多“没有方法”这个对象的.api”在实验中。

最终目标是我可以创建一个 vimeo 播放器，提供控件（这两个都很好），然后使用 API 调用提供给主干的方法，包括暂停、播放和时间。

除了“点击”和用户生成的事件之外，我还可以使用其他事件吗？就像一个事件说另一个函数被调用了？似乎迂回......我的主干视图如下所示：

    pause: function () {
     this.player.pauseVideo(); //this is for a YouTube API which works great
     //I want to be able to similarly call something like froogaloop.api('pause');
    },

非常感谢——StackOverflow 教会了我很多东西。

4

1 回答 1

0

因此，如果'ready'事件有效，那么一切都必须正确设置。但这是一个可能的问题。
在： 

player = $('iframe#player')[0];
vimeoSetup(player);

你得到一个Objectby id'player'然后，vimeoSetup(player);传递一个Object正在$f(player)工作的。
然而，进一步向下ready传递函数中的代码$f(player_id)只是一个id，而不是一个Object，因此 api 调用不起作用。

您只需要Object再次player_id绕过并将其传递给$f()，或保存player = $('iframe#player')[0];为全局var，然后在其上调用所有 API 方法（尽管可能不是一个好的选择，如果您想制作一些像极少数动态生成玩家这样的东西，每个玩家都有自己的控件，或者如果你只是其中之一，害怕全局变量）

于 2015-01-21T23:23:32.477 回答