aboutsummaryrefslogtreecommitdiffstats
path: root/src/js
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2018-05-19 11:29:47 +1000
committerSam Potts <sam@potts.es>2018-05-19 11:29:47 +1000
commit3ab2295fe7f77766d85c76fdefa3ecd8e10dd165 (patch)
tree3407411441e316f2fc5f10f90795c0543b0236d7 /src/js
parent55bbf64f2b5d5c488ca1a1fab83b53bcaae09191 (diff)
parentc41bb657ac490d032f2992845d21a457a7faedf1 (diff)
downloadplyr-3ab2295fe7f77766d85c76fdefa3ecd8e10dd165.tar.lz
plyr-3ab2295fe7f77766d85c76fdefa3ecd8e10dd165.tar.xz
plyr-3ab2295fe7f77766d85c76fdefa3ecd8e10dd165.zip
Merge branch 'master' into develop
Diffstat (limited to 'src/js')
-rw-r--r--src/js/controls.js2
-rw-r--r--src/js/listeners.js20
2 files changed, 20 insertions, 2 deletions
diff --git a/src/js/controls.js b/src/js/controls.js
index 8a160864..3f720925 100644
--- a/src/js/controls.js
+++ b/src/js/controls.js
@@ -539,7 +539,7 @@ const controls = {
// Calculate percentage
let percent = 0;
- const clientRect = this.elements.inputs.seek.getBoundingClientRect();
+ const clientRect = this.elements.progress.getBoundingClientRect();
const visible = `${this.config.classNames.tooltip}--visible`;
const toggle = toggle => {
diff --git a/src/js/listeners.js b/src/js/listeners.js
index 5dd9d93f..d5748806 100644
--- a/src/js/listeners.js
+++ b/src/js/listeners.js
@@ -549,12 +549,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',
);