1 files changed, 16 insertions, 0 deletions

diff --git a/client/src/app/videos/+video-edit/shared/video-image.component.html b/client/src/app/videos/+video-edit/shared/video-image.component.html
new file mode 100644
index 000000000..5d0624f8c
--- /dev/null
+++ b/client/src/app/videos/+video-edit/shared/video-image.component.html
@@ -0,0 +1,16 @@
+<div class="root">
+  <div>
+    <div class="button-file">
+      <span>{{ inputLabel }}</span>
+      <input
+        type="file"
+        [name]="inputName" [id]="inputName" [accept]="videoImageExtensions"
+        (change)="fileChange($event)"
+      />
+    </div>
+    <div class="image-constraints">(extensions: {{ videoImageExtensions }}, max size: {{ maxVideoImageSize | bytes }})</div>
+  </div>
+
+  <img *ngIf="imageSrc" [ngStyle]="{ width: previewWidth, height: previewHeight }" [src]="imageSrc" class="preview" />
+  <div *ngIf="!imageSrc" [ngStyle]="{ width: previewWidth, height: previewHeight }" class="preview no-image"></div>
+</div>