Adicionando botões da barra de controle do Video.js personalizado

Estou trabalhando no video.js há um dia, então sou um novato de verdade quando se trata dessas coisas. Hoje, eu só queria adicionar um botão que alternasse entre dois vídeos. Fiz isso no jQuery de forma rápida e fácil. Mas prefiro fazê-lo em javascript para entender melhor o video.js como um todo.

Feito até agora:
1. Fiz o download da versão mais recente do video.js no github.
2. O jogador está funcionando muito bem.
3. Leia os guias.
4. Tentei o código de exemplo.

Seu código para criação de botões:

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

Erro do console:TypeError não capturado: undefined não é uma função

Portanto, nenhum addChild () é definido, o que é estranho porque está em seus documentos / API.

Alguém sabe como adicionar botões à sua barra de controle? Qualquer ajuda seria apreciada e, se você precisar de mais informações, me avise. Obrigado.

ATUALIZAR:
1) Enrolei o código acima em um videojs.ready () como a documentação sugere. Mas ainda sem sucesso.

2) component = nova janela ['videojs'] [componentClass] (this.player_ || this, opções);
em video.dev.js (linha 1655) lança o erro "TypeError não capturado: indefinido não é uma função"

3) A avaliação da nova janela ['videojs'] no console me deu o erro "TypeError: The element or ID Supplied is not valid. (videojs).

Mais uma vez obrigado por sua ajuda no avançado.

questionAnswers(3)

yourAnswerToTheQuestion