PLEASE FILL THIS OUT IF YOU WANT HELP WITH AN ISSUE!
Bug, feature request, or proposal:
Bug
What is the current behavior?
After updating to Angular 10 from Angular 8 videos do not play and error below:
app-error-handler.ts:65 TypeError: Cannot read property 'runOutsideAngular' of undefined
at new MatSlider (slider.js:180)
at new MatSliderProgressBarComponent (mat-video.js:704)
at NodeInjectorFactory.MatSliderProgressBarComponent_Factory [as factory] (mat-video.js:742)
at getNodeInjectable (core.js:3913)
at instantiateAllDirectives (core.js:7973)
at createDirectivesInstances (core.js:7356)
at Module.ɵɵelementStart (core.js:13882)
at MatSeekProgressControlComponent_Template (mat-video.js:1558)
at executeTemplate (core.js:7329)
at renderView (core.js:7138)
What is the expected behavior?
What are the steps to reproduce?
Providing a StackBlitz reproduction is the best way to share your issue.
StackBlitz starter: https://goo.gl/wwnhMV
<mat-video id="video"
onerror="videoError()"
src="{{videoLink}}"
title="{{topic.title}}"
[download]="true"
poster="..\assets\images\powerHour-v2.svg"
color="accent"
*ngIf="topic">
What is the use-case or motivation for changing an existing behavior?
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 10.0.1
Material 10.0.1
Typescript 3.9.6
mat-video 2.8.1
Browsers: tested in Chrome
Is there anything else I should know?
We have tried making a target in the tsconfig.json file to es5 due to other similar issues with "runOutsideAngular", we have disabled and enabled AoT, No luck with anything.
PLEASE FILL THIS OUT IF YOU WANT HELP WITH AN ISSUE!
Bug, feature request, or proposal:
Bug
What is the current behavior?
After updating to Angular 10 from Angular 8 videos do not play and error below: app-error-handler.ts:65 TypeError: Cannot read property 'runOutsideAngular' of undefined at new MatSlider (slider.js:180) at new MatSliderProgressBarComponent (mat-video.js:704) at NodeInjectorFactory.MatSliderProgressBarComponent_Factory [as factory] (mat-video.js:742) at getNodeInjectable (core.js:3913) at instantiateAllDirectives (core.js:7973) at createDirectivesInstances (core.js:7356) at Module.ɵɵelementStart (core.js:13882) at MatSeekProgressControlComponent_Template (mat-video.js:1558) at executeTemplate (core.js:7329) at renderView (core.js:7138)
What is the expected behavior?
What are the steps to reproduce?
Providing a StackBlitz reproduction is the best way to share your issue.
StackBlitz starter: https://goo.gl/wwnhMV
<mat-video id="video" onerror="videoError()" src="{{videoLink}}" title="{{topic.title}}" [download]="true" poster="..\assets\images\powerHour-v2.svg" color="accent" *ngIf="topic">
What is the use-case or motivation for changing an existing behavior?
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 10.0.1 Material 10.0.1 Typescript 3.9.6 mat-video 2.8.1 Browsers: tested in Chrome
Is there anything else I should know?
We have tried making a target in the tsconfig.json file to es5 due to other similar issues with "runOutsideAngular", we have disabled and enabled AoT, No luck with anything.