Brightcove Player, как установить параметры в пользовательском компоненте

Question

Я пытаюсь добавить пользовательскую кнопку, используя компоненты.
Попробуйте отобразить логотип компании на плеере. Определение объектов опций и вызов компонента, но не получение значения в функции компонента.

 (function(window, videojs) {
    var options = {"logo": "<https://brightcovelogo.png>"};
     // inti player
    var player = videojs.getPlayer('brightcoveplayer');
    var ContentLogo= videojs.extend(Component, {
                constructor: function ContentLogo(player, options) {
                    Component.apply(this, arguments);
                    console.log(options);
                    if (options.logo) {
                        this.updateLogo(options.logo);
                    }
                },
createEl: function () {
            return videojs.dom.createEl('div', {
                className: 'vjs-video-logo'
            });
        },
       // Pass logo url function
        updateLogo:function (url) {
            if (typeof url!== 'string') {
                url = '';
            }

videojs.dom.emptyEl(this.el());
                videojs.dom.appendContent(this.el(), 
                videojs.dom.createEl('img'{
                    src: url
       })
          }
        })
videojs.registerComponent('ContentLogo', ContentLogo);
})(window, window.videojs);

Answer 1

options внутри конструктора - это объект параметров, передаваемый конструктору при создании нового экземпляра вашего компонента. После регистрации компонента создайте его с помощью

player.addChild('ContentLogo', options);