Files
ArtPlayer/packages/artplayer/src/template/nodes.ts
T

28 lines
1.7 KiB
TypeScript

import type { TemplateNodes } from './types'
export default function bindNodes(target: TemplateNodes & { query: <T extends Element = Element>(selector: string) => T | null }): void {
target.$player = target.query<HTMLDivElement>('.art-video-player')
target.$video = target.query<HTMLVideoElement>('.art-video')
target.$track = target.query<HTMLTrackElement>('track')
target.$poster = target.query<HTMLDivElement>('.art-poster')
target.$subtitle = target.query<HTMLDivElement>('.art-subtitle')
target.$danmuku = target.query<HTMLDivElement>('.art-danmuku')
target.$bottom = target.query<HTMLDivElement>('.art-bottom')
target.$progress = target.query<HTMLDivElement>('.art-progress')
target.$controls = target.query<HTMLDivElement>('.art-controls')
target.$controlsLeft = target.query<HTMLDivElement>('.art-controls-left')
target.$controlsCenter = target.query<HTMLDivElement>('.art-controls-center')
target.$controlsRight = target.query<HTMLDivElement>('.art-controls-right')
target.$layer = target.query<HTMLDivElement>('.art-layers')
target.$loading = target.query<HTMLDivElement>('.art-loading')
target.$notice = target.query<HTMLDivElement>('.art-notice')
target.$noticeInner = target.query<HTMLDivElement>('.art-notice-inner')
target.$mask = target.query<HTMLDivElement>('.art-mask')
target.$state = target.query<HTMLDivElement>('.art-state')
target.$setting = target.query<HTMLDivElement>('.art-settings')
target.$info = target.query<HTMLDivElement>('.art-info')
target.$infoPanel = target.query<HTMLDivElement>('.art-info-panel')
target.$infoClose = target.query<HTMLDivElement>('.art-info-close')
target.$contextmenu = target.query<HTMLDivElement>('.art-contextmenus')
}