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

Add event before seeking via mouse interaction to set alternative 'value' for the input matching the tooltip time

Browse Source
This commit is contained in:
Albin Larsson 2018-05-14 19:47:50 +02:00
parent f2fc3f5ea5
commit d1acc4abb3
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/js/listeners.js
View File

@ -529,12 +529,30 @@ class Listeners {
}
});
// Set range input alternative "value", which matches the tooltip time (#954)
on(
this.player.elements.inputs.seek,
'mousedown mousemove',
event => {
const clientRect = this.player.elements.progress.getBoundingClientRect();
const percent = 100 / clientRect.width * (event.pageX - clientRect.left);
event.currentTarget.setAttribute('seekNext', percent);
}
);
// Seek
on(
this.player.elements.inputs.seek,
inputEvent,
event => {
this.player.currentTime = event.target.value / event.target.max * this.player.duration;
const seek = event.currentTarget;
// If it exists, use seekNext instead of "value" for consistency with tooltip time (#954)
let seekTo = seek.getAttribute('seekNext');
if (utils.is.empty(seekTo)) {
seekTo = seek.value;
}
seek.removeAttribute('seekNext');
this.player.currentTime = seekTo / seek.max * this.player.duration;
},
'seek',
);