From 00251ba9de1fceed01781c016e14913fc6410bf6 Mon Sep 17 00:00:00 2001
From: Chris Boustead <chris.boustead@wwecorp.com>
Date: Wed, 16 May 2018 14:15:28 -0400
Subject: [PATCH] Further correction of X coord calculation

---
 package.json  | 2 +-
 src/plugin.js | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

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
     )
   }