<div class="row">
<!-- We need the video container for videojs so we just hide it -->
<div [hidden]="videoNotFound" id="video-container">
- <video id="video-element" class="video-js vjs-peertube-skin"></video>
+ <video [poster]="getVideoPoster()" id="video-element" class="video-js vjs-peertube-skin"></video>
</div>
<div *ngIf="videoNotFound" id="video-not-found">Video not found :'(</div>
<span class="icon icon-dislike" title="Dislike this video"></span>
</div>
+ <div *ngIf="video.support" (click)="showSupportModal()" class="action-button action-button-support">
+ <span class="icon icon-support"></span>
+ <span class="icon-text">Support</span>
+ </div>
+
<div (click)="showShareModal()" class="action-button action-button-share">
<span class="icon icon-share"></span>
- Share
+ <span class="icon-text">Share</span>
</div>
<div class="action-more" dropdown dropup="true" placement="right">
</div>
<ng-template [ngIf]="video !== null">
+ <my-video-support #videoSupportModal [video]="video"></my-video-support>
<my-video-share #videoShareModal [video]="video"></my-video-share>
<my-video-download #videoDownloadModal [video]="video"></my-video-download>
<my-video-report #videoReportModal [video]="video"></my-video-report>