@diamondkinetics/dk-video-player-ts
Version:
A custom web component for playing video content
55 lines (54 loc) • 1.74 kB
TypeScript
import { VideoPlayerConfig } from './video-player-config';
export declare class VideoPlayer extends HTMLElement {
private readonly LONG_TOUCH_DURATION;
private readonly VIDEO_ACTIVE_CLASS;
private readonly INDICATORS_CONTAINER_CLASS;
private readonly INDICATOR_CLASS;
private readonly INDICATOR_ACTIVE_CLASS;
private readonly INDICATOR_FILL_CLASS;
private _config;
private muted;
private shadow;
private currentVideoIndex;
private touchTimer;
private touchStartTime;
constructor();
connectedCallback(): void;
disconnectedCallback(): void;
private render;
private reset;
private buildVideoIndicatorsHtml;
private getInidicatorElements;
private updateIndicators;
private updateFillWidth;
private resetIndicators;
private applyFillWithoutTransition;
private resetFillWidthAfterCurrentVideoIndex;
private applyFillWidthBeforeCurrentVideoIndex;
private buildBannerAndVideoHtml;
private buildBannerHtml;
private buildVideosHtml;
private createMuteToggle;
private toggleMute;
private getMuteToggleSvg;
private createUnmutedSvg;
private createMutedSvg;
private createBaseSvg;
private createVideoElement;
private initializeVideoEventHandlers;
private onVideoTouchStart;
private onVideoTouchEnd;
private onVideoPlay;
private onVideoTimeUpdate;
private onVideoTap;
private onVideoLongTouch;
private onVideoEnded;
private playNextVideo;
private playPreviousVideo;
private getVideoElements;
private resetAndRemoveVideo;
private activateAndPlayVideo;
private appendStyles;
get config(): VideoPlayerConfig;
set config(value: VideoPlayerConfig);
}