pigallery2/frontend/app/gallery/lightbox/photo/photo.lightbox.gallery.component.html

<div class="imgContainer" #imgContainer>
  <img *ngIf="showThumbnail()"
       [style.width.%]="imageSize.width"
       [style.height.%]="imageSize.height"
       [src]="thumbnailSrc"/>

  <img *ngIf="gridMedia !== null && gridMedia.isPhoto() && loadMedia && photoSrc"
       [style.width.%]="imageSize.width"
       [style.height.%]="imageSize.height"
       [src]="photoSrc"
       (load)="onImageLoad()"
       (error)="onImageError()"/>

  <video *ngIf="gridMedia !== null && gridMedia.isVideo() && loadMedia"
         [style.width.%]="imageSize.width"
         [style.height.%]="imageSize.height"
         (loadeddata)="logevent($event)"
         (loadedmetadata)="logevent($event)"
         (durationchange)="logevent($event)"
         (loadstart)="logevent($event)"
         autoplay
         controls
         (error)="onImageError()">
    <source [src]="gridMedia.getPhotoPath()" type="video/mp4">
  </video>

</div>