runOutsideAngular error on Angular 10

[cheechms]

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.

[longcharmroeun]

i got that error too after i upgrade to Angular 10.