Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度8垫视频播放器进度条问题_Angular_Typescript_Npm_Angular Material_Angular8 - Fatal编程技术网

Angular 角度8垫视频播放器进度条问题

Angular 角度8垫视频播放器进度条问题,angular,typescript,npm,angular-material,angular8,Angular,Typescript,Npm,Angular Material,Angular8,我的项目中有mat视频模块的问题。 我正在尝试显示一个视频,这是正确的,但视频进度条占整个视频宽度的20%,我无法设置全宽 代码: HTML: 效果: 我做的一切都和指南中的一样:也有同样的问题。这解决了我的问题: :host::ng-deep .progress{ background-color: unset !important; } :host::ng-deep mat-seek-progress-control{ width: 100%; } ngclass = 'mat

我的项目中有mat视频模块的问题。 我正在尝试显示一个视频,这是正确的,但视频进度条占整个视频宽度的20%,我无法设置全宽

代码:

HTML:

效果:


我做的一切都和指南中的一样:

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

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

:host::ng-deep mat-seek-progress-control{
  width: 100%;
}
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;
:host::ng-deep .progress{
  background-color: unset !important;
}

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