Merge branches 'feature/shared-content' and 'feature/shared-content' of https://bitbucket.org/equilibriumito/gabinete-digital-fo into feature/shared-content

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>
 

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({

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>

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');