Add event before seeking via mouse interaction to set alternative 'value' for the input matching the tooltip time
This commit is contained in:
parent
f2fc3f5ea5
commit
d1acc4abb3
@ -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
|
// Seek
|
||||||
on(
|
on(
|
||||||
this.player.elements.inputs.seek,
|
this.player.elements.inputs.seek,
|
||||||
inputEvent,
|
inputEvent,
|
||||||
event => {
|
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',
|
'seek',
|
||||||
);
|
);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user