aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/video/video-thumbnail.component.html
blob: b302ebd0f18921e2a636f9acd94b2a09a85b8083 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<a
  [routerLink]="getVideoRouterLink()" [queryParams]="queryParams" [attr.title]="video.name"
  class="video-thumbnail"
>
  <img alt="" [attr.aria-labelledby]="video.name" [attr.src]="getImageUrl()" [ngClass]="{ 'blur-filter': nsfw }" />

  <div class="video-thumbnail-duration-overlay">{{ video.durationLabel }}</div>

  <div class="play-overlay">
    <div class="icon"></div>
  </div>

  <div class="progress-bar" *ngIf="video.userHistory?.currentTime">
    <div [ngStyle]="{ 'width.%': getProgressPercent() }"></div>
  </div>
</a>