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(); } }