Skip to content

Variable: VideoPlayer ​

const VideoPlayer: Omit<DefineComponent<ExtractPropTypes<{ autoplay: BooleanConstructor; crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>; loop: BooleanConstructor; media: { default: () => DefineComponent<ExtractPropTypes<{ autoplay: BooleanConstructor; crossorigin: PropType<...>; loop: BooleanConstructor; muted: { default: ...; type: ...; }; playbackRate: PropType<...>; playsinline: { default: ...; type: ...; }; poster: PropType<...>; preload: { default: ...; type: ...; }; src: PropType<...>; tracks: PropType<...>; volume: PropType<...>; }>, () => VNode<RendererNode, RendererElement, {[key: ...]: ...; }>, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "error" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "enterpictureinpicture" | "leavepictureinpicture", (event) => boolean>, string, PublicProps, ToResolvedProps<ExtractPropTypes<{ autoplay: ...; crossorigin: ...; loop: ...; muted: ...; playbackRate: ...; playsinline: ...; poster: ...; preload: ...; src: ...; tracks: ...; volume: ...; }>, Record<... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ..., (event) => ...>>, { autoplay: boolean; loop: boolean; muted: boolean | undefined; playsinline: boolean; preload: "metadata" | "none" | "auto"; }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>; type: PropType<DefineComponent<ExtractPropTypes<{ autoplay: BooleanConstructor; crossorigin: PropType<...>; loop: BooleanConstructor; muted: { default: ...; type: ...; }; playbackRate: PropType<...>; playsinline: { default: ...; type: ...; }; poster: PropType<...>; preload: { default: ...; type: ...; }; src: PropType<...>; tracks: PropType<...>; volume: PropType<...>; }>, () => VNode<RendererNode, RendererElement, {[key: ...]: ...; }>, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "error" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "enterpictureinpicture" | "leavepictureinpicture", (event) => boolean>, string, PublicProps, ToResolvedProps<ExtractPropTypes<{ autoplay: ...; crossorigin: ...; loop: ...; muted: ...; playbackRate: ...; playsinline: ...; poster: ...; preload: ...; src: ...; tracks: ...; volume: ...; }>, Record<... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ..., (event) => ...>>, { autoplay: boolean; loop: boolean; muted: boolean | undefined; playsinline: boolean; preload: "metadata" | "none" | "auto"; }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>>; }; muted: { default: undefined; type: PropType<boolean | undefined>; }; playbackRate: PropType<number | undefined>; playsinline: { default: true; type: BooleanConstructor; }; poster: PropType<string | undefined>; preload: { default: "metadata"; type: PropType<"metadata" | "none" | "auto">; }; skin: { default: VideoSkin; type: PropType<VideoSkin>; }; src: PropType<string | undefined>; title: StringConstructor; tracks: PropType<readonly MediaTrack[] | undefined>; volume: PropType<number | undefined>; }>, () => VNode<RendererNode, RendererElement, {[key: string]: any; }>, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { abort: (event) => boolean; canplay: (event) => boolean; canplaythrough: (event) => boolean; durationchange: (event) => boolean; emptied: (event) => boolean; ended: (event) => boolean; enterpictureinpicture: (event) => boolean; error: (event) => boolean; leavepictureinpicture: (event) => boolean; loadeddata: (event) => boolean; loadedmetadata: (event) => boolean; loadstart: (event) => boolean; pause: (event) => boolean; play: (event) => boolean; playing: (event) => boolean; progress: (event) => boolean; ratechange: (event) => boolean; ready: (_player) => boolean; seeked: (event) => boolean; seeking: (event) => boolean; stalled: (event) => boolean; suspend: (event) => boolean; timeupdate: (event) => boolean; update:muted: (_muted) => boolean; update:playbackRate: (_rate) => boolean; update:volume: (_volume) => boolean; volumechange: (event) => boolean; waiting: (event) => boolean; }, string, PublicProps, ToResolvedProps<ExtractPropTypes<{ autoplay: BooleanConstructor; crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>; loop: BooleanConstructor; media: { default: () => DefineComponent<ExtractPropTypes<{ autoplay: ...; crossorigin: ...; loop: ...; muted: ...; playbackRate: ...; playsinline: ...; poster: ...; preload: ...; src: ...; tracks: ...; volume: ...; }>, () => VNode<..., ..., ...>, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Record<... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ..., (event) => ...>, string, PublicProps, ToResolvedProps<ExtractPropTypes<...>, Record<..., ...>>, { autoplay: boolean; loop: boolean; muted: ... | ... | ...; playsinline: boolean; preload: ... | ... | ...; }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>; type: PropType<DefineComponent<ExtractPropTypes<{ autoplay: ...; crossorigin: ...; loop: ...; muted: ...; playbackRate: ...; playsinline: ...; poster: ...; preload: ...; src: ...; tracks: ...; volume: ...; }>, () => VNode<..., ..., ...>, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Record<... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ..., (event) => ...>, string, PublicProps, ToResolvedProps<ExtractPropTypes<...>, Record<..., ...>>, { autoplay: boolean; loop: boolean; muted: ... | ... | ...; playsinline: boolean; preload: ... | ... | ...; }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>>; }; muted: { default: undefined; type: PropType<boolean | undefined>; }; playbackRate: PropType<number | undefined>; playsinline: { default: true; type: BooleanConstructor; }; poster: PropType<string | undefined>; preload: { default: "metadata"; type: PropType<"metadata" | "none" | "auto">; }; skin: { default: VideoSkin; type: PropType<VideoSkin>; }; src: PropType<string | undefined>; title: StringConstructor; tracks: PropType<readonly MediaTrack[] | undefined>; volume: PropType<number | undefined>; }>, { abort: (event) => boolean; canplay: (event) => boolean; canplaythrough: (event) => boolean; durationchange: (event) => boolean; emptied: (event) => boolean; ended: (event) => boolean; enterpictureinpicture: (event) => boolean; error: (event) => boolean; leavepictureinpicture: (event) => boolean; loadeddata: (event) => boolean; loadedmetadata: (event) => boolean; loadstart: (event) => boolean; pause: (event) => boolean; play: (event) => boolean; playing: (event) => boolean; progress: (event) => boolean; ratechange: (event) => boolean; ready: (_player) => boolean; seeked: (event) => boolean; seeking: (event) => boolean; stalled: (event) => boolean; suspend: (event) => boolean; timeupdate: (event) => boolean; update:muted: (_muted) => boolean; update:playbackRate: (_rate) => boolean; update:volume: (_volume) => boolean; volumechange: (event) => boolean; waiting: (event) => boolean; }>, { autoplay: boolean; loop: boolean; media: DefineComponent<ExtractPropTypes<{ autoplay: BooleanConstructor; crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>; loop: BooleanConstructor; muted: { default: undefined; type: PropType<boolean | undefined>; }; playbackRate: PropType<number | undefined>; playsinline: { default: true; type: BooleanConstructor; }; poster: PropType<string | undefined>; preload: { default: "metadata"; type: PropType<"metadata" | "none" | "auto">; }; src: PropType<string | undefined>; tracks: PropType<readonly MediaTrack[] | undefined>; volume: PropType<number | undefined>; }>, () => VNode<RendererNode, RendererElement, {[key: string]: any; }>, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "error" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "enterpictureinpicture" | "leavepictureinpicture", (event) => boolean>, string, PublicProps, ToResolvedProps<ExtractPropTypes<{ autoplay: BooleanConstructor; crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>; loop: BooleanConstructor; muted: { default: undefined; type: PropType<... | ... | ...>; }; playbackRate: PropType<number | undefined>; playsinline: { default: true; type: BooleanConstructor; }; poster: PropType<string | undefined>; preload: { default: "metadata"; type: PropType<... | ... | ...>; }; src: PropType<string | undefined>; tracks: PropType<readonly ...[] | undefined>; volume: PropType<number | undefined>; }>, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "error" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "enterpictureinpicture" | "leavepictureinpicture", (event) => boolean>>, { autoplay: boolean; loop: boolean; muted: boolean | undefined; playsinline: boolean; preload: "metadata" | "none" | "auto"; }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>; muted: boolean | undefined; playsinline: boolean; preload: "metadata" | "none" | "auto"; skin: VideoSkin; }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>, never> & (new () => object & Readonly<{ autoplay: boolean; loop: boolean; media: DefineComponent<ExtractPropTypes<{ autoplay: BooleanConstructor; crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>; loop: BooleanConstructor; muted: { default: undefined; type: PropType<... | ... | ...>; }; playbackRate: PropType<number | undefined>; playsinline: { default: true; type: BooleanConstructor; }; poster: PropType<string | undefined>; preload: { default: "metadata"; type: PropType<... | ... | ...>; }; src: PropType<string | undefined>; tracks: PropType<readonly ...[] | undefined>; volume: PropType<number | undefined>; }>, () => VNode<RendererNode, RendererElement, {[key: string]: any; }>, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "error" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "enterpictureinpicture" | "leavepictureinpicture", (event) => boolean>, string, PublicProps, ToResolvedProps<ExtractPropTypes<{ autoplay: BooleanConstructor; crossorigin: PropType<... | ... | ... | ...>; loop: BooleanConstructor; muted: { default: undefined; type: PropType<...>; }; playbackRate: PropType<... | ...>; playsinline: { default: true; type: BooleanConstructor; }; poster: PropType<... | ...>; preload: { default: "metadata"; type: PropType<...>; }; src: PropType<... | ...>; tracks: PropType<... | ...>; volume: PropType<... | ...>; }>, Record<"abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "error" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "enterpictureinpicture" | "leavepictureinpicture", (event) => boolean>>, { autoplay: boolean; loop: boolean; muted: boolean | undefined; playsinline: boolean; preload: "metadata" | "none" | "auto"; }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>; muted: boolean | undefined; playsinline: boolean; preload: "metadata" | "none" | "auto"; skin: VideoSkin; }> & Omit<Readonly<ExtractPropTypes<{ autoplay: BooleanConstructor; crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>; loop: BooleanConstructor; media: { default: () => DefineComponent<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...>; type: PropType<DefineComponent<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...>>; }; muted: { default: undefined; type: PropType<... | ... | ...>; }; playbackRate: PropType<number | undefined>; playsinline: { default: true; type: BooleanConstructor; }; poster: PropType<string | undefined>; preload: { default: "metadata"; type: PropType<... | ... | ...>; }; skin: { default: VideoSkin; type: PropType<VideoSkin>; }; src: PropType<string | undefined>; title: StringConstructor; tracks: PropType<readonly ...[] | undefined>; volume: PropType<number | undefined>; }>> & Readonly<{ onAbort?: (...args) => any; onCanplay?: (...args) => any; onCanplaythrough?: (...args) => any; onDurationchange?: (...args) => any; onEmptied?: (...args) => any; onEnded?: (...args) => any; onEnterpictureinpicture?: (...args) => any; onError?: (...args) => any; onLeavepictureinpicture?: (...args) => any; onLoadeddata?: (...args) => any; onLoadedmetadata?: (...args) => any; onLoadstart?: (...args) => any; onPause?: (...args) => any; onPlay?: (...args) => any; onPlaying?: (...args) => any; onProgress?: (...args) => any; onRatechange?: (...args) => any; onReady?: (...args) => any; onSeeked?: (...args) => any; onSeeking?: (...args) => any; onStalled?: (...args) => any; onSuspend?: (...args) => any; onTimeupdate?: (...args) => any; onUpdate:muted?: (...args) => any; onUpdate:playbackRate?: (...args) => any; onUpdate:volume?: (...args) => any; onVolumechange?: (...args) => any; onWaiting?: (...args) => any; }>, DefaultKeys<{ autoplay: BooleanConstructor; crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>; loop: BooleanConstructor; media: { default: () => DefineComponent<ExtractPropTypes<{ autoplay: ...; crossorigin: ...; loop: ...; muted: ...; playbackRate: ...; playsinline: ...; poster: ...; preload: ...; src: ...; tracks: ...; volume: ...; }>, () => VNode<..., ..., ...>, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Record<... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ..., (event) => ...>, string, PublicProps, ToResolvedProps<ExtractPropTypes<...>, Record<..., ...>>, { autoplay: boolean; loop: boolean; muted: ... | ... | ...; playsinline: boolean; preload: ... | ... | ...; }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>; type: PropType<DefineComponent<ExtractPropTypes<{ autoplay: ...; crossorigin: ...; loop: ...; muted: ...; playbackRate: ...; playsinline: ...; poster: ...; preload: ...; src: ...; tracks: ...; volume: ...; }>, () => VNode<..., ..., ...>, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Record<... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ..., (event) => ...>, string, PublicProps, ToResolvedProps<ExtractPropTypes<...>, Record<..., ...>>, { autoplay: boolean; loop: boolean; muted: ... | ... | ...; playsinline: boolean; preload: ... | ... | ...; }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>>; }; muted: { default: undefined; type: PropType<boolean | undefined>; }; playbackRate: PropType<number | undefined>; playsinline: { default: true; type: BooleanConstructor; }; poster: PropType<string | undefined>; preload: { default: "metadata"; type: PropType<"metadata" | "none" | "auto">; }; skin: { default: VideoSkin; type: PropType<VideoSkin>; }; src: PropType<string | undefined>; title: StringConstructor; tracks: PropType<readonly MediaTrack[] | undefined>; volume: PropType<number | undefined>; }>> & object & ExtractComputedReturns<{ }> & ComponentCustomProperties & object & VideoPlayerHandle & object)

Defined in: video/neutral.ts:6