Try to import plyr video Player

Ionic Framework
1

hello , i try to import plyr https://plyr.io/ to my project , i find that plugin for angular version
“GitHub - smnbbrv/ngx-plyr: Angular 6+ binding for Plyr video & audio player”
i instilled it to my project and called his modal

import { PlyrModule } from 'ngx-plyr';

export function HttpLoaderFactory(http: HttpClient) {
return new TranslateHttpLoader(http);
}
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [
BrowserModule,
MatProgressSpinnerModule,
IonicModule.forRoot(),
AppRoutingModule,
HttpClientModule,
TranslateModule,
PlyrModule,

and i add his html Component

<plyr style="display: block; width: 640px;" plyrTitle="Video 1" [plyrPlaysInline]="true" [plyrSources]="videoSources" (plyrInit)="player = $event" (plyrPlay)="played($event)">

<button (click)="play()">Play

The problem the app can’t know what’s plyrPlaysInline and plyrSources and other’s !!!

2

I’d take a look at the docs for the plugin and see what those do.

3

Hello . thanks for reply , i follow up this step’s but not success

you can notice in my first message ( import { PlyrModule } from ‘ngx-plyr’:wink:

4

Why dont you provide a sample project then of what you have tried.