Further correction of X coord calculation

This commit is contained in:
Chris Boustead 2018-05-16 14:15:28 -04:00
parent 3d6c6709e2
commit 00251ba9de
2 changed files with 8 additions and 2 deletions

View file

@ -1,6 +1,6 @@
{
"name": "videojs-vtt-thumbnails",
"version": "0.0.9",
"version": "0.0.10",
"description": "Display thumnails on progress bar hover, driven by external VTT files.",
"main": "dist/videojs-vtt-thumbnails.cjs.js",
"module": "dist/videojs-vtt-thumbnails.es.js",

View file

@ -188,9 +188,15 @@ class vttThumbnailsPlugin {
this.hideThumbnailHolder()
}
getXCoord(bar, mouseX) {
const rect = bar.getBoundingClientRect();
const docEl = document.documentElement;
return mouseX - ( rect.left + (window.pageXOffset || docEl.scrollLeft || 0));
}
onBarMousemove (event) {
this.updateThumbnailStyle(
event.clientX - (this.progressBar.offsetLeft + this.player.el().offsetLeft),
this.getXCoord(this.progressBar, event.clientX),
this.progressBar.offsetWidth
)
}