Event

player objects trigger events that can be listened, using on,once method,emit with custom or defined events.Event name is a upper camel case string.

You can access these constant event string using EVENT static attributes or player instance EVENT.

import Player, { EVENT } from 'nplayer'

const player = new Player()

console.log(EVENT.LOADING_SHOW)

console.log(Player.EVENT.LOADING_SHOW)

console.log(player.EVENT.LOADING_SHOW)

console.log('LoadingShow')

// same strings

const noop = () => {}

player.on(EVENT.LOADING_SHOW, noop)

player.once(EVENT.LOADING_SHOW, noop)

player.off(EVENT.LOADING_SHOW, noop)

player.emit(EVENT.LOADING_SHOW)

Event List

Event Name	Description
EnterFullscreen	Enter fullscreen
ExitFullscreen	Exit fullscreen
WebEnterFullscreen	Enter web fullscreen
WebExitFullscreen	Exit web fullscreen
LoadingShow	Video loading display
LoadingHide	Video loading hidden
ControlShow	Control bar display
ControlHide	Control bar hidden
ControlItemUpdate	Trigger when updating control bar-item location, call player.updateControlItems()
EnterPip	Enter Picture in Picture
ExitPip	Exit Picture in Picture
UpdateSize	Update player size, such as window size triggers. When externally changes player size, the event can be triggered manually to prevent player component misplaced
UpdateOptions	Update configuration
AfterInit	Trigger when player initialization finishes
Mounted	Player mounted
BeforeDispose	Trigger before the player is destroyed when calling dispose methods
OpenEdge	Automatically open the edge browser in IE and trigger when accessing the web page
Play	同 video play 事件
Pause	同 video pause 事件
Ended	同 video ended 事件
Waiting	同 video waiting 事件
Stalled	同 video stalled 事件
Canplay	同 video canplay 事件
LoadedMetadata	同 video loadedmetadata 事件
Error	同 video error 事件
Seeked	同 video seeked 事件
TimeUpdate	同 video timeupdate 事件
VolumeChange	同 video volumechange 事件
RateChange	同 video ratechange 事件
DurationChange	同 video durationchange 事件
Progress	同 video progress 事件
BpChange	Breakpoint set in the parameterbpControls when player size changes to a particular breakpoint