picture-in-picture not working for youtube videos

[lingaraja90]

I am using ngx-plyr to embed youtube videos into my project. Here pip is not working for youtube providers.

My Code:

<plyr #plyr style="width: 100%;" [plyrSources]="videoSources" (plyrInit)="initPlayer($event)" (plyrEnded)="end($event)">

this.videoSources = [
{
src: 'Some youtube src',
provider: 'youtube',
},
];

If I pass below video source, pip is working.

this.videoSources = [
{
src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4',
type: 'video/mp4',
},
];

Can you tell me how can I add pip for youtube video source?