diff --git a/src/plugin.js b/src/plugin.js index 089ec51..ea240a0 100644 --- a/src/plugin.js +++ b/src/plugin.js @@ -164,15 +164,15 @@ class vttThumbnailsPlugin { } setupThumbnailElement (data) { - const mouseDisplay = this.player.$('.vjs-mouse-display') this.progressBar = this.player.$('.vjs-progress-control') const thumbHolder = document.createElement('div') thumbHolder.setAttribute('class', 'vjs-vtt-thumbnail-display') this.progressBar.appendChild(thumbHolder) this.thumbnailHolder = thumbHolder - if(mouseDisplay) { - mouseDisplay.classList.add('vjs-hidden') - } + // const mouseDisplay = this.player.$('.vjs-mouse-display'); + // if(mouseDisplay) { + // mouseDisplay.classList.add('vjs-hidden') + // } this.registeredEvents.progressBarMouseEnter = () => { return this.onBarMouseenter() }; this.registeredEvents.progressBarMouseLeave = () => { return this.onBarMouseleave() }; this.progressBar.addEventListener('mouseenter', this.registeredEvents.progressBarMouseEnter) diff --git a/src/plugin.scss b/src/plugin.scss index 2e49816..cdfa4e6 100644 --- a/src/plugin.scss +++ b/src/plugin.scss @@ -9,7 +9,7 @@ .vjs-vtt-thumbnail-display { position: absolute; - transition: transform .1s, opacity .2s; + // transition: transform .1s, opacity .2s; bottom: 85%; pointer-events: none; box-shadow: 0 0 7px rgba(0,0,0,.6);