Merge pull request #9 from dotsub/lubos-fix-fading-out

Fix fading out

Closes #8

package.json

@@ -1,6 +1,6 @@
 {
   "name": "videojs-watermark",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Adds a watermark image the video player",
   "repository": "https://github.com/dotsub/videojs-watermark",
   "main": "es5/plugin.js",

src/plugin.js

@@ -54,8 +54,10 @@ const setupWatermark = (player, options) => {
  */
 const fadeWatermark = (options) => {
   setTimeout(
-    () => document.getElementById('vjs-watermark').classList.add('vjs-watermark-fade'),
-  options.fadeTime);
+    () => document.getElementsByClassName('vjs-watermark-content')[0]
+      .classList.add('vjs-watermark-fade'),
+    options.fadeTime
+  );
 };
 
 /**

test/plugin.test.js

@@ -170,3 +170,21 @@ QUnit.test('does add a link when URL is configured', function(assert) {
     'the plugin doesn\'t add an ID to image container'
   );
 });
+
+QUnit.test('fades out after player is started', function(assert) {
+  // GIVEN
+  const imageUrl = '/images/foo.png';
+
+  this.player.watermark({ image: imageUrl, fadeTime: 1 });
+  this.clock.tick(1);
+
+  // WHEN
+  this.player.trigger('play');
+  this.clock.tick(10);
+
+  // THEN
+  const imageContainer = this.player.contentEl()
+    .getElementsByClassName('vjs-watermark-content')[0];
+
+  assert.ok(imageContainer.classList.contains('vjs-watermark-fade'));
+});