进度栏的Angular 8 Mat视频播放器问题

Question

我在我的项目中遇到了mat-video模块的问题。 我正在尝试显示视频，并且可以正常工作，但是视频进度条占用了整个视频宽度的20％，我无法设置完整宽度。

代码：

HTML：

ngclass = 'mat-video-responsive';
src = '../assets/video/nature.mp4';
title = 'Some title';
width = 600;
height = 337.5;
currentTime = 0;
autoplay = false;
preload = true;
loop = false;
quality = true;
download = false;
fullscreen = true;
showFrameByFrame = false;
keyboard = true;
color = 'primary';
spinner = 'spin';
poster = '';
overlay = null;
muted = false;

TS：

{{1}}

效果：

我按照指南进行了所有操作：mat-video npm

Answer 1

有同样的问题。这解决了我的问题：

:host::ng-deep .progress{
  background-color: unset !important;
}

:host::ng-deep mat-seek-progress-control{
  width: 100%;
}