videoflix-frontend - v0.0.0
    Preparing search index...

    Class VjsPlayerComponent

    A wrapper component around the Video.js player library.

    Provides reactive integration between Angular and Video.js, allowing dynamic video source updates, playback state management, and time synchronization with external components.

    Features:

    • Reactive player initialization with dynamic source changes
    • Preserves playback position across source switches
    • Supports resume-from-saved-time behavior
    • Emits time updates for external synchronization
    • Adjusts video height dynamically based on customHeight

    Selector: app-vjs-player Standalone: true

    Implements

    • AfterViewInit
    • OnChanges
    • OnDestroy
    Index

    Constructors

    constructor

    Properties

    currentTime currentTimeUpdated customHeight options player qualityMessage startFromSavedTime syncTimeWithNetworkSpeed target videoId

    Methods

    ngAfterViewInit ngOnChanges ngOnDestroy

    Constructors

    Properties

    currentTime: InputSignal<number> = ...

    Current playback time (in seconds), used for resuming playback.

    currentTimeUpdated: OutputEmitterRef<number> = ...

    Event emitter that notifies parent components when playback time changes.

    customHeight: InputSignal<number> = ...

    Custom height (in viewport height units) to apply to the player container.

    options: InputSignal<
        {
            autoplay: string
            | boolean;
            controls: boolean;
            fluid: boolean;
            muted: boolean;
            playbackRates: number[];
            playsinline: boolean;
            preferFullWindow: boolean;
            sources: { src: string | null; type: string }[];
        },
    > = ...

    Configuration options passed directly to Video.js upon initialization.

    player: any

    Instance of the Video.js player.

    qualityMessage: InputSignal<string | undefined> = ...

    Optional network or quality message displayed alongside the player.

    startFromSavedTime: InputSignal<boolean | undefined> = ...

    Whether playback should start from a previously saved position.

    syncTimeWithNetworkSpeed: WritableSignal<number> = ...

    Signal holding a synchronized playback time used for debugging or network speed tracking.

    target: Signal<ElementRef<any> | undefined> = ...

    Reference to the underlying <video> DOM element.

    videoId: InputSignal<number> = ...

    Video identifier used for progress tracking.

    Methods

    • Lifecycle hook that initializes the Video.js player after view rendering. Also applies the custom height via CSS variable --video-height.

      Returns void

    • Lifecycle hook reacting to input changes.

      • Handles video source updates (detects when a new src is provided).
      • Keeps playback time synchronized with parent components.

      Parameters

      • changes: SimpleChanges

        Object containing changed input properties.

      Returns void

    Settings

    Member Visibility

    On This Page

    VjsPlayerComponent
    Constructors
    Properties
    Methods