Угловой 8 матовый видеоплеер с индикатором выполнения - PullRequest
0 голосов
/ 19 октября 2019

У меня проблема с мат-видео модулем в моем проекте. Я пытаюсь отобразить видео, и это работает правильно, но индикатор выполнения занимает 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;

Эффект: enter image description here

Я сделал все как в руководстве: mat-videoNPM

...