Video file could not be displayed on ionicview


#1

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!


#2

How are you including the Video?


#3

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>



#4

What is this?

If it is a Ionic Native plugin, check if the underlying Cordova plugin is supported by Ionic View at all: https://docs.ionic.io/tools/view/#supported-plugins


#5

ok thanks for your prompt reply
then what is support video player plugin on ionic view?

Rgds
Yan


#6

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.