diff --git a/package.json b/package.json index 472047b..7df5012 100644 --- a/package.json +++ b/package.json @@ -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", diff --git a/src/plugin.js b/src/plugin.js index c44d072..4fa8a30 100644 --- a/src/plugin.js +++ b/src/plugin.js @@ -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 ) }