diff --git a/src/app/pages/playgrdview/playgrdview.page.html b/src/app/pages/playgrdview/playgrdview.page.html
index a7e75f0..e023a0f 100644
--- a/src/app/pages/playgrdview/playgrdview.page.html
+++ b/src/app/pages/playgrdview/playgrdview.page.html
@@ -27,6 +27,8 @@
   ></video>
 
   <div class="boxed_contents">
+    <ion-button fill="outline" (click)="playVideo()">Play Video</ion-button>
+
     <ion-card>
       <ion-card-header>
         <ion-card-subtitle>{{groundDetail.spec.title}}</ion-card-subtitle>
diff --git a/src/app/pages/playgrdview/playgrdview.page.ts b/src/app/pages/playgrdview/playgrdview.page.ts
index 8897b87..8329d1c 100644
--- a/src/app/pages/playgrdview/playgrdview.page.ts
+++ b/src/app/pages/playgrdview/playgrdview.page.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, ElementRef, OnInit, ViewChild} from '@angular/core';
 import {AlertController, NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
@@ -30,4 +30,12 @@ current_media:string = '';
     this.navctr.back();
   }
 
+  @ViewChild('video') myVideo: ElementRef;
+
+  playVideo(){
+    this.myVideo.nativeElement.play();
+  }
+  stopVideo(){
+    this.myVideo.nativeElement.pause();
+  }
 }