Empecé a usar videojs porque es la única forma en que puedo reproducir archivos .M3U8 dentro de un navegador, pero viene con su propio reproductor, así que no puedo ponerle mis propios botones. Solo quiero mantener la etiqueta de video y eliminar el resto del reproductor. No puedo encontrar nada en google sobre esto.
El código:
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <link href="https://vjs.zencdn.net/7.2.3/video-js.css" rel="stylesheet"> <script src="https://unpkg.com/video.js/dist/video.js"></script> <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script> </head> <body> <video id="my_video_1"> <source src="https://mplayer.sbs/caching/OTA3OTk=.m3u8" type="application/x-mpegURL"> </video> <script> var player = videojs('my_video_1'); player.play(); </script> </body> </html>Puede eliminar componentes, incluidos los controles, del reproductor especificando los componentes secundarios del reproductor:
var player = videojs('my_video_1', {children: ['MediaLoader']})