2015-06-17 6 views
0

Когда я пытаюсь использовать новейшую версию videojs 5, следующий код больше не работает. Я пытаюсь написать плагин videojs, но videojs 5 использует ecmascript 6, что является новым для меня. Любые советы приветствуются.Создать плагин для VideoJS 5

videojs.SharingButton = videojs.Button.extend({ 
    /** @constructor */ 
    init: function(player, options){ 
     videojs.Button.call(this, player, options); 
     this.player = player; 
    } 
}); 

videojs.SharingButton.prototype.createEl = function(tagName,options) { 
    return videojs.Component.prototype.createEl(tagName,{ 
     className: this.buildCSSClass(), 
     innerHTML: '', 
     role: 'button', 
     'aria-live': 'polite', // let the screen reader user know that the text of the button may change 
     tabIndex: 0 
    }); 
} 

videojs.SharingButton.prototype.buttonText = 'Share Video'; 

videojs.SharingButton.prototype.options_ = {}; 

videojs.SharingButton.prototype.buildCSSClass = function(){ 
    return 'vjs-sharing-control '; 
}; 
+0

Я ничего здесь не вижу в связи с ES6. –

+0

Videojs 5 был написан ES6, я пытаюсь переписать мой плагин. Мой плагин не будет использовать ES6. – Michael

+0

Тогда это должно быть отмечено как таковое. –

ответ

1

Привет я имел такую ​​же проблему, замените этот код

videojs.SharingButton = videojs.Button.extend({

по

var SharingButton = videojs.getComponent('Button'); 
videojs.SharingButton = videojs.extend(SharingButton , {...}); 
videojs.registerComponent('SharingButton', SharingButton); 

var myButton = myPlayer.addChild('SharingButton'); 

Если вы хотите добавить компонент, который не является прямым потомком игрока вам нужно будет подняться на дочерние элементы и добавить компонент. Как:

parentComponent = myPlayer.getChild('component1').getChild('component2')... 
parentComponent.addChild('SharingButton') 

Осторожно, что компоненты игрок должен начать в нижнем регистре, как, например, controlBar.

Найти дерево компонентов в этом link.

Внесено множество изменений в версии 5.0 (см. Это link), и, к сожалению, большинство плагинов videojs не обновили свои коды! одна из них - Социальная кнопка обмена

Смежные вопросы