Dodawanie przycisków paska kontrolnego Custom Video.js

Pracuję nad video.js przez jeden dzień, więc jestem prawdziwym nowicjuszem, jeśli chodzi o te rzeczy. Dzisiaj chciałem tylko dodać przycisk, który przełącza między dwoma filmami. Zrobiłem to w jQuery szybko i łatwo. Ale wolałbym zrobić to w javascript, aby lepiej zrozumieć video.js jako całość.

Zrobione do tej pory:
1. Pobrałem najnowszą wersję video.js z github.
2. Gracz działa świetnie.
3. Przeczytaj instrukcje.
4. Wypróbowano ich przykładowy kod.

Ich kod do tworzenia przycisków:

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

Błąd z konsoli:Nieprzechwycony błąd typu: niezdefiniowany nie jest funkcją

Tak więc nie zdefiniowano addChild (), co jest dziwne, ponieważ znajduje się w ich dokumentach / api.

Czy ktoś wie, jak dodawać przyciski do paska kontrolnego? Każda pomoc byłaby doceniana i jeśli potrzebujesz więcej informacji, daj mi znać. Dzięki.

AKTUALIZACJA:
1) Zapakowałem powyższy kod w videojs.ready (), jak sugeruje dokumentacja. Ale bezskutecznie.

2) component = nowe okno ['videojs'] [componentClass] (this.player_ || this, options);
w video.dev.js (wiersz 1655) zgłasza błąd „nieprzechwycony błąd TypeError: undefined nie jest funkcją”

3) Ocena nowego okna ['videojs'] w konsoli dała mi błąd ”TypeError: The element or ID Supplied is not valid. (videojs).

Jeszcze raz dziękuję za pomoc w zaawansowanym.

questionAnswers(3)

yourAnswerToTheQuestion