SSR - Cannot read property 'unsubscribe' of undefined

[djabif]

Description

I'm getting the error: "TypeError: Cannot read property 'unsubscribe' of undefined at VgMediaDirective.ngOnDestroy" in SSR.
I'm using Angular 10.
This issue was also reported in the previous version of this library videogular/videogular2#888

Expected Behavior

Videogular library should be able to load in server side.

Actual Behavior

Videogular throws this error and doesn't load.

Steps to Reproduce

1. Add videogular to an Angular 10 app
2. Add a video player to a component
3. Build the app with ssr

[itsbrianburton]

Did you add the [vgMedia] directive to the

[djabif]

Yes, I'm using it like this.

<video controls #player_video [vgMedia]="player_video" id="player-video" preload="auto">
	<source [src]="video.src" [type]="video.type">   
</video>

[patelreez]

I had a similar issue earlier where I had put vg-controls outside vg-player. Maybe there should be a check in this library around this. It's just for good developer experience.

[guillermodelagala]

I'm using Angular 12 and the same problem here. In my case vg-controls are inside vg-player.

[IxquitilisSaid]

Just published v4.2.0! Massive thanks to @guillermodelagala for the PR!