How do deactive modal dialog by default in videojs?

Viewed 206

I'm new in video.js. I use it in angular as follows:

app.component.scss:

@import "~video.js/src/css/video-js";

app.component.html:

<video id="video-id" class="video-js"></video>

app.component.ts:

ngOnInit(): void {
   const player = videojs('video-id');
   player.ready(() => {
       player.src({
           src: 'http://localhost/stream/masterPlayList.m3u8',
           type: 'application/x-mpegURL'
       });

   });
}

but the result is as follow: enter image description here

How can I remove extra sections(It marked with red)?

1 Answers

Those are the player controls. The css is not imported if they appear like that. Try @import "~video.js/src/css/video-js.css";, with the extension.

Related