diff --git a/src/app/pages/trailer-dialog/trailer-dialog.component.html b/src/app/pages/trailer-dialog/trailer-dialog.component.html
index 6742f413..b8137b4f 100644
--- a/src/app/pages/trailer-dialog/trailer-dialog.component.html
+++ b/src/app/pages/trailer-dialog/trailer-dialog.component.html
@@ -1,3 +1,2 @@
-
\ No newline at end of file
+
diff --git a/src/app/pages/trailer-dialog/trailer-dialog.component.scss b/src/app/pages/trailer-dialog/trailer-dialog.component.scss
index 798dafb5..0259f568 100644
--- a/src/app/pages/trailer-dialog/trailer-dialog.component.scss
+++ b/src/app/pages/trailer-dialog/trailer-dialog.component.scss
@@ -1,4 +1,4 @@
-.panel .mat-dialog-container
+::ng-deep .panel .mat-dialog-container
{
overflow-y: hidden;
-}
\ No newline at end of file
+}
diff --git a/src/app/pages/trailer-dialog/trailer-dialog.component.ts b/src/app/pages/trailer-dialog/trailer-dialog.component.ts
index fb0e9cc1..14bedebf 100644
--- a/src/app/pages/trailer-dialog/trailer-dialog.component.ts
+++ b/src/app/pages/trailer-dialog/trailer-dialog.component.ts
@@ -1,4 +1,4 @@
-import { Component, Inject } from "@angular/core";
+import { AfterViewInit, Component, Inject } from "@angular/core";
import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
import { DomSanitizer, SafeUrl } from "@angular/platform-browser";
@@ -7,19 +7,24 @@ import { DomSanitizer, SafeUrl } from "@angular/platform-browser";
templateUrl: "./trailer-dialog.component.html",
styleUrls: ["./trailer-dialog.component.scss"]
})
-export class TrailerDialogComponent
+export class TrailerDialogComponent implements AfterViewInit
{
constructor(public dialogRef: MatDialogRef,
public sanitizer: DomSanitizer,
@Inject(MAT_DIALOG_DATA) public trailer: string)
{}
- getYtTrailer(): SafeUrl
+ getYtTrailer(): string
{
if (!this.trailer.includes("youtube.com"))
return null;
const ytID: string = this.trailer.substring(this.trailer.indexOf("watch?v=") + 8);
- const uri: string = `https://www.youtube.com/embed/${ytID}?autoplay=1`;
- return this.sanitizer.bypassSecurityTrustResourceUrl(uri);
+ return `https://www.youtube.com/embed/${ytID}?autoplay=1`;
+ }
+
+ ngAfterViewInit(): void
+ {
+ const frame = document.getElementById("frame")
+ frame.src = this.getYtTrailer();
}
}