In this tutorial discuss about how to play video using IOS native player. so follow simple steps that have been given below. so open the terminal and run below command.

  • $ ionic start tutorial sidemenu --type=ionic-angular
  • $ cd tutorial/
  • $ ionic cordova platform add ios
  • $ cordova plugin add cordova-plugin-add-swift-support
  • $ cordova plugin add cordova-plugin-hkvideoplayer
  • $ ionic cordova run ios

To play video design play button in home, so edit home.html

    <button ion-button menuToggle>
      <ion-icon name=“menu”></ion-icon>
    <ion-title>AV Player</ion-title>

<ion-content padding>
  <button ion-button secondary (click)=“play()”>Play</button>

To play video player edit home.ts as below

import { Component } from ‘@angular/core’;
import { NavController } from ‘ionic-angular’;
declare var HKVideoPlayer;


  selector: ‘page-home’,
  templateUrl: ‘home.html’
export class HomePage {


  constructor(public navCtrl: NavController) {


play() {“”);

Follow up with high-quality video tutorial on YouTube

3 thoughts on “VIDEO PLAYER

Leave a Reply

Your email address will not be published. Required fields are marked *