Angular Video Player and Video Gallery

<app-video-gallery id="YOUR-ID" />

// video-gallery.component.ts
import { Component, Input, OnInit, Inject } from "@angular/core";
import { DOCUMENT } from "@angular/common";

const SRC = "https://elfsightcdn.com/platform.js";

@Component({
  selector: "app-video-gallery",
  standalone: true,
  template: `<div [class]="'elfsight-app-' + id" data-elfsight-app-lazy></div>`,
})
export class VideoGalleryComponent implements OnInit {
  @Input({ required: true }) id!: string;
  constructor(@Inject(DOCUMENT) private doc: Document) {}

  ngOnInit() {
    if (this.doc.querySelector(`script[src="${SRC}"]`)) return;
    const s = this.doc.createElement("script");
    s.src = SRC;
    s.async = true;
    this.doc.body.appendChild(s);
  }
}