Eventos de la API JS Lo sentimos, este artículo está disponible en inglés
The JavaScript API allows you to get player events, request data and manage it from the outside.
Events Show commands and requests
Enable subscription in the builder Plugins / API / Events tracking
By default, all events will come to the function PlayerjsEvents (you can change the functions name in the settings) with three arguments:
event event name
id player ID
data information data
function PlayerjsEvents (event,id,data){
if(event=="play "){
alert(event);
}
if(event == "time "){
console.log(event,id,data);
}
}
You can split the subscription into several functions. To do this, specify the object instead function name
{"play":"onPlay","other":"onOther"}
In this example, the play event will come to the onPlay function, and all other events will come to onOther. With PRO you can also add event listeners.
Event
Description
Returning data
init
initialization
-
start
first playback launching
-
play
playback starts
-
userplay
user initiated play
-
pause
playback paused
-
userpause
user initiated pause
-
stop
playback stopping
-
end
end of playback
-
finish
end of playback including advertising
-
new
starting a new file
-
time
changing the playback time
playback time in seconds
quartile
playback progress by quartiles
25%, 50%, 75% or 100%
duration
changing the duration
duration in seconds
seek
rewind
time in seconds
userseek
user initiated rewind
time in seconds
mute
mute the sound
-
unmute
unmute the sound
-
volume
volume level
the volume from 0 to 1
quality
quality changed
quality name
audiotrack
audio track changed
the name of the audio track
subtitle
subtitles changed
subtitles name
speed
speed changed
speed value
fullscreen
full screen mode
-
exitfullscreen
exit from full screen mode
-
buffering
start of buffering
-
buffered
end of buffering
-
loaderror
load error
error description
error
playback error
error description
fragment
HLS chunk
name of ts file
height
the player height has changed
value in px
playlist
the playlist loaded
-
download
the user clicked the download button
-
visibility
the player's visibility has changed
-
resize
changed the size of the player in normal mode
width, height
geo
received a geo data
casted
uncasted
Chromecast switching
ui
displaying the control panel
0 or 1
click
click or tap on the player
-
line
click or tap on the timeline
-
next
move to the next file in the playlist
-
previous
move to the previous file in the playlist
-
Listeners
You can also catch events with listeners (in this case events will not come to PlayerjsEvents). Enable this mode in API options Use listeners
document.getElementById("player").addEventListener("play",onPlay);
How to listen events of the player, which is located in the iframe
Firstly enable the option Plugins / API / postMessage for iframe . Events will arrive to the window via message event with a data object.
window .addEventListener("message ", function (event) {
console.log(event.data);
});