We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
The error appears when I try to play the video
app.module.ts
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { RouteReuseStrategy } from '@angular/router'; import { IonicModule, IonicRouteStrategy } from '@ionic/angular'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; import { VideoPlayer } from '@awesome-cordova-plugins/video-player/ngx'; //Import @NgModule({ declarations: [AppComponent], imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule], providers: [ { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, VideoPlayer //Import ], bootstrap: [AppComponent], }) export class AppModule {}
home.page.ts
import { Component } from '@angular/core'; import { VideoPlayer } from '@awesome-cordova-plugins/video-player/ngx'; //Import @Component({ selector: 'app-home', templateUrl: 'home.page.html', styleUrls: ['home.page.scss'], }) export class HomePage { url: any; constructor( public videoPlayer: VideoPlayer //Import ) { console.log("HomePage Cargo..."); } playVideo(){ this.url="../assets/videos/1.mp4"; alert(this.url); this.videoPlayer.play('../assets/videos/1.mp4').then(() => { alert('video played'); }).catch(err => { alert('Aqui esta el error: '+JSON.stringify(err)); }); } stopVideo(){ alert("stop video"); this.videoPlayer.close(); } }
home.page.html
<ion-header [translucent]="true"> <ion-toolbar> <ion-title> Blank </ion-title> </ion-toolbar> </ion-header> <ion-content [fullscreen]="true"> <ion-header collapse="condense"> <ion-toolbar> <ion-title size="large">Blank</ion-title> </ion-toolbar> </ion-header> <div id="container"> <video width="400" autoplay loop class="embed-responsive-item" controls> <source src="{{url}}" type="video/mp4"> </video> <button ion-button (click)="playVideo()">Play Video </button> <button ion-button (click)="stopVideo()">Stop playing Video</button> </div> </ion-content>
And after clicking the play button, this is what happens when the console throws the error
The text was updated successfully, but these errors were encountered:
No branches or pull requests
The error appears when I try to play the video
app.module.ts
home.page.ts
home.page.html
And after clicking the play button, this is what happens when the console throws the error
The text was updated successfully, but these errors were encountered: