如何使用ionic 2(cordova)列出本地视频文件，就像gallery或任何媒体播放器一样

npm install -g ionic cordova

ionic start myApp blank

cd myApp
ionic cordova platform add android

ionic cordova plugin add cordova-plugin-file
ionic cordova plugin add cordova-plugin-media

<ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Video Player
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-list>
    <ion-item *ngFor="let video of videos" (click)="playVideo(video)">
      {{ video.name }}
    </ion-item>
  </ion-list>
</ion-content>

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Media, MediaObject } from '@ionic-native/media';
import { File } from '@ionic-native/file';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  videos: any[] = [];

  constructor(public navCtrl: NavController, private media: Media, private file: File) {
    this.loadVideos();
  }

  loadVideos() {
    this.file.listDir(this.file.externalRootDirectory, 'Movies').then((result) => {
      for (let item of result) {
        if (item.isFile && this.isVideoFile(item.name)) {
          this.videos.push(item);
        }
      }
    });
  }

  isVideoFile(name: string) {
    return name.toLowerCase().endsWith('.mp4') || name.toLowerCase().endsWith('.mov');
  }

  playVideo(video: any) {
    let path = this.file.externalRootDirectory + 'Movies/' + video.name;
    let mediaObject: MediaObject = this.media.create(path);
    mediaObject.play();
  }
}

ionic cordova run android