Добавление пользовательских кнопок панели управления Video.js

Я работал над video.js как день, поэтому яЯ настоящий новичок, когда дело доходит до этого. Сегодня я просто хотел добавить кнопку, которая будет переключаться между двумя видео. Я сделал это в JQuery быстро и легко. Но я бы лучше сделал это в javascript, чтобы лучше понять video.js в целом.

Сделано до сих пор:

1. Я скачал самую последнюю версию video.js с github.

2. Плеер работает отлично.

3. Прочитайте руководства.

4. Пробовал их пример кода.

Их код для создания кнопок:

 var myButton = video.controlBar.addChild('MyButton', {
        text: 'Press Me',
        children: {
        buttonChildExample: {
        buttonChildOption: true
       }
      }
     });

Ошибка из консоли:Uncaught TypeError: undefined не является функцией

Таким образом, addChild () не определено, что странно, потому что оно находится в их документах / API.

Кто-нибудь знает, как добавить кнопки на их панель управления? Буду признателен за любую помощь, и если вам нужна дополнительная информация, дайте мне знать. Благодарю.

ОБНОВИТЬ:

1) Я обернул вышеупомянутый код в videojs.ready (), как предполагает документация. Но все равно безрезультатно.



2) компонент = новое окно ['videojs'] [componentClass] (this.player_ || this, options);

в video.dev.js (строка 1655) выдает ошибку "uncaught TypeError: undefined не является функцией "



3) Оценка нового окна ['videojs'] в консоли выдал ошибку TypeError: The element or ID Supplied is not valid. (videojs).

Еще раз спасибо за вашу помощь в расширенных.

Ответы на вопрос(3)

Ваш ответ на вопрос