brightcove 播放器如何在自定义组件中设置选项

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);

brightcove 播放器如何在自定义组件中设置选项

brightcove player how to set options in custom component

brightcove

video.js