Используя событие onReady jquery.mb.YTPlayer, как добавить класс к телу или элементу?

Question

Я использую jquery.mb.YTPlayer и хочу использовать обратный вызов onReady, но, к сожалению, безуспешно.

Документация на странице GitHub:

onReady: (функция) Вы можете передать функцию, которая будет запущена, когда игрок будет готов; он передаст объект 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 - это элемент внутри объекта, который назначается атрибуту 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');
    }    
  });
});