diff --git a/frontend-angular/src/app/item/item.component.html b/frontend-angular/src/app/item/item.component.html
index 3a0d38148..6dcec82b9 100644
--- a/frontend-angular/src/app/item/item.component.html
+++ b/frontend-angular/src/app/item/item.component.html
@@ -6,7 +6,7 @@
   </div>
 </mat-toolbar>
 
-<div [ngSwitch]="mediaType()">
+<div [ngSwitch]="mediaType">
 
   <div *ngSwitchCase="'video'">
     <div class="item__cover" [ngStyle]="{'background-image': 'url(' + item.cover.url + ')' }" (click)="togglePlayer()" *ngIf="!showPlayer">
diff --git a/frontend-angular/src/app/item/item.component.ts b/frontend-angular/src/app/item/item.component.ts
index 06cacc74e..c0872c4dc 100644
--- a/frontend-angular/src/app/item/item.component.ts
+++ b/frontend-angular/src/app/item/item.component.ts
@@ -36,9 +36,13 @@ export class ItemComponent implements OnInit, OnDestroy {
     this.showPlayer = !this.showPlayer;
   }
 
-  mediaType() {
-    return this.item.mimeType.substr(0, this.item.mimeType.indexOf('/'));
+  get mediaType() {
+    console.log(this.item.mimeType);
+    if (this.item.mimeType == null) {
+      return 'unknown';
+    }
 
+    return this.item.mimeType.substr(0, this.item.mimeType.indexOf('/'))
   }
 
   openSideNav() {