diff --git a/src/app/pages/publications/view-publications/view-publications.page.html b/src/app/pages/publications/view-publications/view-publications.page.html
index 5f3a68c67..919d5c137 100644
--- a/src/app/pages/publications/view-publications/view-publications.page.html
+++ b/src/app/pages/publications/view-publications/view-publications.page.html
@@ -52,7 +52,7 @@
                     [lazyLoad]="'data:image/jpg;base64,' + files.FileBase64">
 
                   <video #videoElement [appVisibility]="onVisibilityChange" *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'video'" class="post-video" controls="controls" preload="metadata"
-                    webkit-playsinline="webkit-playsinline" (play)="stopvideoService.registerVideoWithEvent($event)">
+                    webkit-playsinline="webkit-playsinline" (play)="stopvideoService.registerVideoWithEvent($event)" (click)="preventVideoPlay($event)">
                     <source src="{{'data:video/mp4;base64,' + files.FileBase64}}" type="video/mp4">
                   </video>
 
diff --git a/src/app/pages/publications/view-publications/view-publications.page.ts b/src/app/pages/publications/view-publications/view-publications.page.ts
index 814e0dc8f..7a089f2c8 100644
--- a/src/app/pages/publications/view-publications/view-publications.page.ts
+++ b/src/app/pages/publications/view-publications/view-publications.page.ts
@@ -323,6 +323,16 @@ export class ViewPublicationsPage implements OnInit {
 
   }
 
+  preventVideoPlay(event: Event): void {
+    // Prevent the default behavior of the click event (which is to play the video)
+    event.preventDefault();
+
+    // You may also want to stop the propagation of the event to prevent any parent click handlers
+    //event.stopPropagation();
+
+    // Optionally, you can add additional logic here
+  }
+
   async viewPublicationDetail(DocumentId: string) {
     // alert('nice');
     const modal = await this.modalController.create({
diff --git a/src/app/shared/publication/view-publications/view-publications.page.html b/src/app/shared/publication/view-publications/view-publications.page.html
index 0438a4c8f..82b7f4d79 100644
--- a/src/app/shared/publication/view-publications/view-publications.page.html
+++ b/src/app/shared/publication/view-publications/view-publications.page.html
@@ -50,8 +50,8 @@
                 [lazyLoad]="'data:image/jpg;base64,' + files.FileBase64">
 
               <video [appVisibility]="onVisibilityChange" #myVideo #videoElement *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'video'" class="post-video" controls="controls" preload="metadata"
-                webkit-playsinline="webkit-playsinline" class="videoPlayer" (play)="StopvideoService.registerVideoWithEvent($event)" >
-                <source [src]="'data:video/mp4;base64,' + files.FileBase64" type="video/mp4">
+                webkit-playsinline="webkit-playsinline" class="videoPlayer"  (click)="preventVideoPlay($event)">
+                <source [src]="'data:video/mp4;base64,' + files.FileBase64" type="video/mp4" >
               </video>
 
             </div>
diff --git a/src/app/shared/publication/view-publications/view-publications.page.ts b/src/app/shared/publication/view-publications/view-publications.page.ts
index 7fd5d6a47..884309be3 100644
--- a/src/app/shared/publication/view-publications/view-publications.page.ts
+++ b/src/app/shared/publication/view-publications/view-publications.page.ts
@@ -347,6 +347,24 @@ export class ViewPublicationsPage implements OnInit {
 
   }
 
+
+  preventVideoPlay(event: Event): void {
+
+
+    // Prevent the default behavior of the click event (which is to play the video)
+    event.preventDefault();
+
+    // You may also want to stop the propagation of the event to prevent any parent click handlers
+    // event.stopPropagation();
+
+    // Optionally, you can add additional logic here
+
+    const videoElement: HTMLVideoElement = event.target as HTMLVideoElement;
+
+    videoElement.pause()
+  }
+
+
   stopVideo() {
     var videos = document.querySelectorAll('video');