javascript - 使用 jquery.mb.YTPlayer onReady 事件，如何将类添加到正文或元素？

Question

我正在使用jquery.mb.YTPlayer并希望使用 onReady 回调，但遗憾的是没有任何成功。

GitHub页面上的文档：

onReady: (function) 你可以传递一个函数，一旦玩家准备好就会被触发；它将 YTPlayer 对象作为参数传递。

但没有为像我这样对 JavaScript 知之甚少的人提供示例。我想使用 onReady 向正文添加一个类，这样我就可以使用预加载器。我尝试自己编写代码，但没有成功，希望你可以。

这是我的代码：

$(function(){
  $("#bgndVideo").YTPlayer({
    events: {
      onReady: onPlayerReady
    }
  });
  function onPlayerReady(event) {
    $('body').addClass('LOADED');
  }  
});

也试过：

$(function(){
  $("#bgndVideo").YTPlayer({
    events: {
      onReady: onPlayerReady
    }
  });
});

function onPlayerReady(event) {
  $('body').addClass('LOADED');
}

Answer 1

onReady 是分配给 data-property html 属性的对象内的元素。我不确定使用 onReady 语法的函数。但尝试使用类似 onReady: 'myFun' (或) onReady: 'myFun()'。在 myFun 函数中，您可以编写所需的逻辑。在这里结帐为：
<div id="bgndVideo" class="player" data-property="{videoURL:'http://youtu.be/BsekcY04xvQ',containment:'body',autoPlay:true, mute:true, startAt:0, opacity:1, onReady:'myFun()'}">My video</div>

Answer 2

最后到达那里！，工作代码：

$(function(){
  $("#bgndVideo").YTPlayer({
    onReady: function(event) {
      $('body').addClass('LOADED');
    }    
  });
});