solved erro of displaying video controls on publications

This commit is contained in:
Eudes Inácio
2024-04-17 09:51:25 +01:00
parent d72365cb41
commit b92fe58a81
3 changed files with 104 additions and 9 deletions
+9 -5
View File
@@ -5,16 +5,20 @@
</ion-header> -->
<ion-content>
<swiper-container #swipers [slidechange]="onSlideChange()">
<swiper-container #swipers [slidechange]="onSlideChange()" >
<swiper-slide *ngFor="let files of publicationList.Files let k = index">
<div >
<img *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'image'" class="post-img"
[src]="'data:image/jpg;base64,' + files.FileBase64">
[src]="'data:image/jpg;base64,' + files.FileBase64" loading="lazy">
<video #videoElement [appVisibility]="onVisibilityChange" *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'video'" class="post-video" controls="controls" preload="none"
playsinline webkit-playsinline="webkit-playsinline" (play)="stopvideoService.registerVideoWithEvent($event)">
<source [src]="files.FileBase64" type="video/mp4" >
<video #videoElement [appVisibility]="onVisibilityChange" *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'video'" class="post-video" controls="controls" preload="none"
playsinline webkit-playsinline="webkit-playsinline" (play)="stopvideoService.registerVideoWithEvent($event)" (click)="playVideo()">
<source [src]="files.FileBase64" type="video/mp4">
</video>
<!-- <button class="play-button" *ngIf="!videoPlaying && checkFileType.checkFileType(files.FileExtension ) == 'video'">
</button> -->
</div>
</swiper-slide>