Add posterType:none value

waqaszahoor · Sep 30, 2014 · 976e8b5 · 976e8b5
1 parent a586985
commit 976e8b5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/jquery.vide.js b/src/jquery.vide.js
@@ -225,7 +225,7 @@
  findPoster(poster, function (url) {
  that.wrapper.css("background-image", "url(" + url + ")");
  });
- } else {
+ } else if (this.settings.posterType !== "none") {
  this.wrapper.css("background-image", "url(" + poster + "." + this.settings.posterType + ")");
  }
 

diff --git a/test/vide.html b/test/vide.html
@@ -18,7 +18,7 @@
 
 <div id="block1" data-vide-bg="http://vodkabears.github.io/vide/video/ocean" data-vide-options="loop: false, volume:0.3,playbackRate:,position: 60% bottom"></div>
 <div id="block2"></div>
-<div id="block3" data-vide-bg="mp4: http://vodkabears.github.io/vide/video/ocean, webm: video/ocean.webm, ogv: video/ocean, poster: video/ocean.jpg"></div>
+<div id="block3" data-vide-bg="mp4: http://vodkabears.github.io/vide/video/ocean, webm: video/ocean.webm, ogv: video/ocean, poster: video/ocean.jpg" data-vide-options="posterType: none"></div>
 <div id="block4" data-vide-bg='{"mp4": "http://vodkabears.github.io/vide/video/ocean", "webm": "video/ocean.webm", "ogv": "video/ocean", "poster": "video/ocean.jpg"}' data-vide-options='{"loop": false, "volume":0.3}'>
 <div id="block5"></div>
 </div>

diff --git a/test/vide_test.js b/test/vide_test.js
@@ -109,12 +109,17 @@
  QUnit.asyncTest("Poster detection", function () {
  var inst1 = $block1.data("vide"),
  inst2 = $block2.data("vide"),
+ inst3 = $block3.data("vide"),
  wrapper1 = inst1.wrapper,
- wrapper2 = inst2.wrapper;
+ wrapper2 = inst2.wrapper,
+ wrapper3 = inst3.wrapper;
 
  equal(inst2.settings.posterType, "gif");
  ok(wrapper2.css("background-image").search("video/ocean.gif") > -1);
 
+ equal(inst3.settings.posterType, "none");
+ equal(wrapper3.css("background-image"), "none");
+
  equal(inst1.settings.posterType, "detect");
  setTimeout(function () {
  ok(wrapper1.css("background-image").search("http://vodkabears.github.io/vide/video/ocean.jpg") > -1);