iv-org-mirror/videojs-vtt-thumbnails
1
0
Fork 0
mirror of https://gitea.invidious.io/iv-org/videojs-vtt-thumbnails.git synced 2024-08-15 00:43:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

Further correction of X coord calculation

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

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

8
src/plugin.js
View file

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