带有进度条的Angular 8 mat视频播放器问题

Question

我的项目中有 mat-video 模块的问题。 我正在尝试显示一个视频，它可以正常工作，但视频进度条占用了视频全宽的 20%，我无法设置全宽。

代码：

HTML：

<mat-video #vid [ngClass]="ngclass" [src]="src" [title]="title" [autoplay]="autoplay" [preload]="preload"
  [loop]="loop" [fullscreen]="fullscreen" [download]="download" [quality]="quality" [keyboard]="keyboard"
  [color]="color" [spinner]="spinner" [poster]="poster" [overlay]="overlay" [(muted)]="muted"
  [showFrameByFrame]="showFrameByFrame" [(time)]="currentTime">
</mat-video>

TS：

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;

效果：

我按照指南做了所有事情：mat-video npm

Answer 1

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

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

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