smnbbrv / ngx-plyr

Angular 6+ binding for Plyr video & audio player
https://smnbbrv.github.io/ngx-plyr/
MIT License
100 stars 65 forks source link

picture-in-picture not working for youtube videos #61

Open lingaraja90 opened 4 years ago

lingaraja90 commented 4 years ago

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?