iv-org/videojs-vtt-thumbnails
1
0
Fork 0
mirror of https://github.com/iv-org/videojs-vtt-thumbnails.git synced 2024-07-01 12:41:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

added fix Comparing changes

Browse Source
This commit is contained in:
agomez@bitcentral.net 2019-07-31 13:28:58 -05:00
parent ceed945872
commit d2ef719bfb
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/plugin.js
View File

@ -198,7 +198,7 @@ class vttThumbnailsPlugin {
onBarMousemove (event) { onBarMousemove (event) {
this.updateThumbnailStyle( this.updateThumbnailStyle(
this.getXCoord(this.progressBar, event.clientX), videojs.dom.getPointerPosition(this.progressBar, event).x,
this.progressBar.offsetWidth this.progressBar.offsetWidth
) )
} }
@ -220,16 +220,16 @@ class vttThumbnailsPlugin {
this.thumbnailHolder.style.opacity = '0' this.thumbnailHolder.style.opacity = '0'
} }
updateThumbnailStyle (x, width) { updateThumbnailStyle (percent, width) {
const duration = this.player.duration() const duration = this.player.duration()
const time = ((1 - ((width - x) / width))) * duration const time = percent * duration
const currentStyle = this.getStyleForTime(time) const currentStyle = this.getStyleForTime(time)
if (!currentStyle) { if (!currentStyle) {
return this.hideThumbnailHolder() return this.hideThumbnailHolder()
} }
const xPos = ((1 - ((width - x) / width))) * width const xPos = percent * width
this.thumbnailHolder.style.transform = 'translateX(' + xPos + 'px)' this.thumbnailHolder.style.transform = 'translateX(' + xPos + 'px)'
this.thumbnailHolder.style.marginLeft = '-' + (parseInt(currentStyle.width) / 2) + 'px' this.thumbnailHolder.style.marginLeft = '-' + (parseInt(currentStyle.width) / 2) + 'px'