diff --git a/jquery.backgroundvideo.js b/jquery.backgroundvideo.js index 0921f17..df55593 100644 --- a/jquery.backgroundvideo.js +++ b/jquery.backgroundvideo.js @@ -41,7 +41,10 @@ plugin.el.prepend(html); plugin.videoEl = document.getElementById(plugin.settings.videoid); plugin.$videoEl = $(plugin.videoEl); - plugin.$videoEl.fadeIn(2000); + + if(!!plugin.settings.startOnLoad === false) + plugin.$videoEl.fadeIn(2000); + setProportion(); } @@ -93,5 +96,11 @@ $(window).resize(function() { setProportion(); }); plugin.$videoEl.bind('ended', function(){ this.play(); }); + + if(!!plugin.settings.startOnLoad === true) { + plugin.$videoEl.bind('canplay', function(){ plugin.$videoEl.fadeIn(500); }); + plugin.$videoEl.bind('error', function(){ plugin.$videoEl.show(); }); + } + } })(jQuery); diff --git a/jquery.backgroundvideo.min.js b/jquery.backgroundvideo.min.js index 7728552..05c72ed 100644 --- a/jquery.backgroundvideo.min.js +++ b/jquery.backgroundvideo.min.js @@ -1,8 +1 @@ -/* -* jQuery Background video plugin for jQuery -* --- -* Copyright 2011, Victor Coulon (http://victorcoulon.fr) -* Released under the MIT, BSD, and GPL Licenses. -* based on jQuery Plugin Boilerplate 1.3 -*/ -(function(e){e.backgroundVideo=function(t,n){var r={videoid:"video_background"};var i=this;i.settings={};var s=function(){i.settings=e.extend({},r,n);i.el=t;o()};var o=function(){var t="";t+='";i.el.prepend(t);i.videoEl=document.getElementById(i.settings.videoid);i.$videoEl=e(i.videoEl);i.$videoEl.fadeIn(2e3);u()};var u=function(){var e=a();i.$videoEl.width(e*i.settings.width);i.$videoEl.height(e*i.settings.height);if(typeof i.settings.align!=="undefined"){f()}};var a=function(){var t=e(window).width();var n=e(window).height();var r=t/n;var s=i.settings.width/i.settings.height;var o=n/i.settings.height;if(r>=s){o=t/i.settings.width}return o};var f=function(){var t=(e(window).width()>>1)-(i.$videoEl.width()>>1)|0;var n=(e(window).height()>>1)-(i.$videoEl.height()>>1)|0;if(i.settings.align=="centerXY"){i.$videoEl.css({left:t,top:n});return}if(i.settings.align=="centerX"){i.$videoEl.css("left",t);return}if(i.settings.align=="centerY"){i.$videoEl.css("top",n);return}};s();e(window).resize(function(){u()});i.$videoEl.bind("ended",function(){this.play()})}})(jQuery) +(function(a){a.backgroundVideo=function(d,j){var e={videoid:"video_background"};var f=this;f.settings={};var h=function(){f.settings=a.extend({},e,j);f.el=d;b()};var b=function(){var l="";l+='";f.el.prepend(l);f.videoEl=document.getElementById(f.settings.videoid);f.$videoEl=a(f.videoEl);if(!!f.settings.startOnLoad===false){f.$videoEl.fadeIn(2000)}c()};var c=function(){var k=i();f.$videoEl.width(k*f.settings.width);f.$videoEl.height(k*f.settings.height);if(typeof f.settings.align!=="undefined"){g()}};var i=function(){var l=a(window).width();var o=a(window).height();var k=l/o;var n=f.settings.width/f.settings.height;var m=o/f.settings.height;if(k>=n){m=l/f.settings.width}return m};var g=function(){var l=((a(window).width()>>1)-(f.$videoEl.width()>>1))|0;var k=((a(window).height()>>1)-(f.$videoEl.height()>>1))|0;if(f.settings.align=="centerXY"){f.$videoEl.css({left:l,top:k});return}if(f.settings.align=="centerX"){f.$videoEl.css("left",l);return}if(f.settings.align=="centerY"){f.$videoEl.css("top",k);return}};h();a(window).resize(function(){c()});f.$videoEl.bind("ended",function(){this.play()});if(!!f.settings.startOnLoad===true){f.$videoEl.bind("canplay",function(){f.$videoEl.fadeIn(500)});f.$videoEl.bind("error",function(){f.$videoEl.show()})}}})(jQuery); \ No newline at end of file diff --git a/readme.md b/readme.md index c4e2d47..cde4853 100644 --- a/readme.md +++ b/readme.md @@ -18,9 +18,11 @@ And launch the plugin : "align": "centerXY", "width": 1280, "height": 720, + "poster": "media/poster.jpg", "path": "media/", "filename": "cloud", - "types": ["mp4","ogg","webm"] + "types": ["mp4","ogg","webm"], + "startOnLoad": true }); });