app.component.ts

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common'; // Import CommonModule for NgIf

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [CommonModule], // Use CommonModule for NgIf
  schemas: [CUSTOM_ELEMENTS_SCHEMA], // Allow Web Components
  template: `
    <h1>Simple Interactive Video Example</h1>
    <iv-interactive-video
      [videoUrl]="'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4'"
      [cues]="[
        {
          id: 'cue-1',
          time: 5,
          payload: {
            type: 'text',
            data: {
              text: 'This is a simple text overlay.',
            },
          },
        }
      ]"
      (analyticsEvent)="onAnalyticsEvent($event)"
    ></iv-interactive-video>
  `,
})
export class AppComponent {
  onAnalyticsEvent(event: any) {
    console.log('Analytics Event:', event);
  }
}