Merge pull request #19 from PrestonN/master

Add toggle to show timestamp on hover

README.md

@@ -15,6 +15,9 @@ Note: Plugin hides the default skin's mouse display timestamp on hover.
   - [`<script>` Tag](#script-tag)
   - [Browserify/CommonJS](#browserifycommonjs)
   - [RequireJS/AMD](#requirejsamd)
+- [Options](#options)
+  - [Example](#example)
+  - [Available Options](#available-options)
 - [License](#license)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
@@ -72,6 +75,23 @@ require(['video.js', 'videojs-vtt-thumbnails'], function(videojs) {
 });
 ```
 
+## Options
+
+Options are passed in the same object as the source location.
+
+### Example
+
+```js
+  var player = videojs('my-video');
+  player.vttThumbnails({
+    src: 'example/thumbs.vtt',
+    showTimestamp: true
+  });
+```
+### Available Options
+
+- `showTimestamp` (Boolean, Default: false) - Disables the timestamp that is shown on hover.
+
 ## License
 
 MIT. Copyright (c) Chris Boustead &lt;[email protected]&gt;

src/plugin.js

@@ -181,7 +181,12 @@ class vttThumbnailsPlugin {
   }
 
   setupThumbnailElement(data) {
-    const mouseDisplay = this.player.$('.vjs-mouse-display');
+    let mouseDisplay = null;
+
+    if (!this.options.showTimestamp) {
+      mouseDisplay = this.player.$('.vjs-mouse-display');
+    }
+
     // eslint-disable-next-line no-undef
     const thumbHolder = document.createElement('div');
 
@@ -190,7 +195,7 @@ class vttThumbnailsPlugin {
     this.progressBar.appendChild(thumbHolder);
     this.thumbnailHolder = thumbHolder;
 
-    if (mouseDisplay) {
+    if (mouseDisplay && !this.options.showTimestamp) {
       mouseDisplay.classList.add('vjs-hidden');
     }