1
0
mirror of https://github.com/videojs/video.js.git synced 2024-12-12 11:15:04 +02:00

Make buttons accept tap events as well as click. Prevent mouseevents when touch is available

This commit is contained in:
Gary Katsevman 2013-03-12 11:46:45 -04:00
parent f8706bbffe
commit 9555b80cc0

20
src/js/controls.js vendored
View File

@ -42,7 +42,7 @@ vjs.ControlBar = function(player, options){
this.player_.on('touchmove', function() {
touchstart = false;
});
this.player_.on('touchend', vjs.bind(this, function() {
this.player_.on('touchend', vjs.bind(this, function(event) {
var idx;
if (touchstart) {
idx = this.el().className.search('fade-in');
@ -53,6 +53,8 @@ vjs.ControlBar = function(player, options){
}
}
touchstart = false;
event.preventDefault();
}));
}));
};
@ -104,6 +106,22 @@ vjs.ControlBar.prototype.lockShowing = function(){
vjs.Button = function(player, options){
goog.base(this, player, options);
var touchstart = false;
this.on('touchstart', function() {
touchstart = true;
});
this.on('touchmove', function() {
touchstart = false;
});
var self = this;
this.on('touchend', function(event) {
if (touchstart) {
self.onClick(event);
}
event.preventDefault();
event.stopPropagation();
});
this.on('click', this.onClick);
this.on('focus', this.onFocus);
this.on('blur', this.onBlur);