on real device, my app is able to display video file which is included in app
but this app on ionic view could not display the video . i dont know the reason.
Is there possible to check the console log produced by my app on ionic view 's dashboard?
any hints will be more than welcome!
How are you including the Video?
here is html and ts file code. it works well on my handy but does not work on ionic view
export class ContactPage {
videoOptions: VideoOptions;
url: string = "file:///android_asset/www/assets/video/";
constructor(public navCtrl: NavController, private videoPlayer: VideoPlayer) {
}
playTabata(name: string) {
try {
this.videoOptions = {
volume: 1.0,
scalingMode:2
// SCALING_MODE.SCALE_TO_FIT_WITH_CROPPING
// SCALE_TO_FIT default
}
let url = this.url + name;
console.log(url);
this.videoPlayer.play(url, this.videoOptions);
} catch (e) {
console.error(e);
}
}
}
<ion-header>
<ion-navbar>
<ion-title>
Workout
</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<img src="./assets/video/tabata1.png" (click)="playTabata('tabata1.mp4')" style="width:100%" alt="tabata workout1"/>
<button ion-button block (click)="playTabata('tabata1.mp4')">Tabata1</button>
<img src="./assets/video/tabata2.png" (click)="playTabata('tabata2.mp4')" style="width:100%" alt="tabata workout2"/>
<button ion-button block (click)="playTabata('tabata2.mp4')">Tabata2</button>
<img src="./assets/video/tabata3.png" (click)="playTabata('tabata3.mp4')" style="width:100%" alt="tabata workout3"/>
<button ion-button block (click)="playTabata('tabata3.mp4')">Tabata3</button>
<img src="./assets/video/tabata4.png" (click)="playTabata('tabata4.mp4')" style="width:100%" alt="tabata workout4"/>
<button ion-button block (click)="playTabata('tabata4.mp4')">Tabata4</button>
</ion-content>
stewchicken:
videoPlayer: VideoPlayer
What is this?
If it is a Ionic Native plugin, check if the underlying Cordova plugin is supported by Ionic View at all: Ionic Docs - Ionic Documentation
ok thanks for your prompt reply
then what is support video player plugin on ionic view?
Rgds
Yan
Please answer my questions. Right now I don’t even know what video player you are using.
Also looking at the list of supported plugin: No native one. Ionic View is only for light testing, you should build the app(s) yourself locally or using Ionic Package if you want to really test something.