ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Handle native events

Browse Source 
Fixes #34
This commit is contained in:
Sam Potts 2015-02-28 00:36:28 +11:00
parent a637949e84
commit 98bc9b0c4b
2 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/js/plyr.js vendored
View File

File diff suppressed because one or more lines are too long

36
src/js/plyr.js
View File

@ -199,14 +199,23 @@
} }
} }
// Toggle event
function _toggleHandler(element, events, callback, toggle) {
events = events.split(" ");
for (var i = 0; i < events.length; i++) {
element[toggle ? "addEventListener" : "removeEventListener"](events[i], callback, false);
}
}
// Bind event // Bind event
function _on(element, event, callback) { function _on(element, events, callback) {
element.addEventListener(event, callback, false); _toggleHandler(element, events, callback, true);
} }
// Unbind event // Unbind event
function _off(element, event, callback) { function _off(element, events, callback) {
element.removeEventListener(event, callback, false); _toggleHandler(element, events, callback, false);
} }
// Get percentage // Get percentage
@ -698,16 +707,20 @@
function _play() { function _play() {
player.media.play(); player.media.play();
_toggleClass(player.container, config.classes.stopped); _checkPlaying();
_toggleClass(player.container, config.classes.playing, true);
} }
// Pause media // Pause media
function _pause() { function _pause() {
player.media.pause(); player.media.pause();
_toggleClass(player.container, config.classes.playing); _checkPlaying();
_toggleClass(player.container, config.classes.stopped, true); }
// Check playing state
function _checkPlaying() {
_toggleClass(player.container, config.classes.playing, !player.media.paused);
_toggleClass(player.container, config.classes.stopped, player.media.paused);
} }
// Restart playback // Restart playback
@ -1014,8 +1027,15 @@
// Check for buffer progress // Check for buffer progress
_on(player.media, "progress", _updateProgress); _on(player.media, "progress", _updateProgress);
// Also check on start of playing // Also check on start of playing
_on(player.media, "playing", _updateProgress); _on(player.media, "playing", _updateProgress);
// Handle native mute
_on(player.media, "volumechange", _checkMute);
// Handle native play/pause
_on(player.media, "play pause", _checkPlaying);
} }
function _init() { function _init() {