Video.js Guides
百度 苟凤林率领的全勤指挥部和增援力量在赶赴事故现场的高速路上看到，高速路上已经发生严重拥堵，长达十几公里。These guides cover a range of topics for users of Video.js
Event Target
Table of Contents
Overview
Events in Video.js are setup so that they mimic the DOM API that is used on object, but also have helpful shorthand functions with the same functionality.
on() and addEventListener()
This function is used to add an event listener to an EventTarget.
var foo = new EventTarget();
var handleBar = function() {
console.log('bar was triggered');
};
foo.on('bar', handleBar);
// This causes any `event listeners` for the `bar` event to get called
// see {@link EventTarget#trigger} for more information
foo.trigger('bar');
// logs 'bar was triggered'off() and removeEventListener()
This function is used to remove an listener function from an EventTarget.
var foo = new EventTarget();
var handleBar = function() {
console.log('bar was triggered');
};
// adds an `event listener` for the `bar` event
// see {@link EventTarget#on} for more info
foo.on('bar', handleBar);
// runs all `event listeners` for the `bar` event
// see {@link EventTarget#trigger} for more info
foo.trigger('bar');
// logs 'bar was triggered'
foo.off('bar', handleBar);
foo.trigger('bar');
// does nothingone()
This function is used to only have an event listener called once and never again.
Using on() and off() to mimic one() (not recommended)
var foo = new EventTarget();
var handleBar = function() {
console.log('bar was triggered');
// after the first trigger remove this handler
foo.off('bar', handleBar);
};
foo.on('bar', handleBar);
foo.trigger('bar');
// logs 'bar was triggered'
foo.trigger('bar');
// does nothingUsing one()
var foo = new EventTarget();
var handleBar = function() {
console.log('bar was triggered');
};
// removed after the first trigger
foo.one('bar', handleBar);
foo.trigger('bar');
// logs 'bar was triggered'
foo.trigger('bar');
// does nothingtrigger() and dispatchEvent()
This function is used to trigger an event on an EventTarget which will cause all listeners to run.
Note: if 'click' is in
EventTarget.allowedEvents_, trigger will attempt to call theonClickfunction if it exists.
var foo = new EventTarget();
var handleBar = function() {
console.log('bar was triggered');
};
foo.on('bar', handleBar);
foo.trigger('bar');
// logs 'bar was triggered'
foo.trigger('bar');
// logs 'bar was triggered'
foo.trigger('foo');
// does nothing