videojs cómo agregar botones a la barra de control

El siguiente es el efecto después de la implementación

Fuente:

// Barra de control personalizada

var player = videojs(videoId,

{

"controles": verdadero,

"autoplay": falso,

"precarga": "automático",

p>

"loop": falso,

barra de control:

{

captionsButton: falso,

chaptersButton: falso,

playbackRateMenuButton: verdadero,

LiveDisplay: verdadero,

subtitlesButton: falso,

remainingTimeDisplay: verdadero,

control de progreso: verdadero,

botónMenuvolumen:

{

en línea: falso,

vertical: verdadero

},

//Barra de volumen vertical

pantalla completaToggle: true

}

}, función () {

var newbtn = document.createElement('btn');

newbtn.innerHTML = 'lt.button class="vjs-control" id="downloadButton"gt;lt; i class="fa fa-expand" title="Pantalla completa"gt;lt;/igt;lt;/buttongt;' 'lt;button class="vjs-control" id="downloadButton"gt;lt;i class= "fa fa-expand " title="Pantalla completa"gt;lt;/igt;lt;/buttongt;' 'lt;button class="vjs-control" id="full_screen_button"gt;lt;i class="fa fa -chrome" title= "Captura de pantalla"gt;lt;/igt;lt;/buttongt;' ;

var controlBar = document.

var controlBar = document.getElementsByClassName('vjs -barra de control ')[0];

insertBeforeNode = document.getElementsByClassName('vjs-fullscreen- control')[0]

controlBar.insertBefore(newbtn, insertBeforeNode)

player.STRC({ tipo: "text2")src({ tipo: "rtmp/flv", src: r.roomLiveUri});

pl

ayer.play();

});

Utiliza algunos estilos de marco de front-end, por lo que debes encontrar el ícono del botón tú mismo. La referencia es el blog de este jefe: enlaces web. .