Toggle between 2 videos

        player.getChild("ControlBar").addChild("Button", {

          controlText: `Turn ${audioDescription}audio description`,

          className: "vjs-visible-text",

          clickHandler: handleVideoChange

        });

this worked for me

Hi! The reason your text isn’t showing is that video.js’s built-in button component doesn’t render textContent directly. You need to extend the Button component and override the buildCSSClass or controlText methods, or use el().innerText after creating it.

 

const VjsButton = videojs.getComponent('Button');
const MyButton = videojs.extend(VjsButton, {
  constructor: function(player, options) {
    VjsButton.call(this, player, options);
    this.controlText('hello name'); // sets the aria text
  },
  handleClick: function() {
    console.log('Button clicked!');
  }
});

window.videojs.players['myPlayerId']
  ?.getChild('ControlBar')
  ?.addChild(new MyButton(window.videojs.players['myPlayerId']));

This will properly set the label and display the text in the control.