默认情况下如何在videojs中停用模态对话框?

问题描述

我是 video.js 的新手。我按如下方式使用它:

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'
       });

   });
}

但结果如下:

enter image description here

如何删除多余的部分(用红色标记)?

解决方法

那些是播放器控件。如果 css 看起来像那样,则不会导入 css。尝试使用扩展名 @import "~video.js/src/css/video-js.css";