From 2de06ee1338ec4c64df38deb77c31346e6a1c4b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emil=20L=C3=B6fquist?= <lofquist@gmail.com>
Date: Wed, 28 May 2014 13:46:24 +0200
Subject: [PATCH] New methods: destroy, detach, reAttach

---
 bower.json           |  2 +-
 dist/bg_video.js     | 24 ++++++++++++++++++++++--
 dist/bg_video.min.js |  4 ++--
 package.json         |  2 +-
 src/bg_video.coffee  | 18 ++++++++++++++++++
 5 files changed, 44 insertions(+), 6 deletions(-)

diff --git a/bower.json b/bower.json
index 070bdfd..d5cac13 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "BgVideo",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "main": "dist/bg_video.js",
   "authors": [
     "Emil Löfquist", "Emil Löfquist <lofquist@gmail.com>"
diff --git a/dist/bg_video.js b/dist/bg_video.js
index a759519..0754634 100644
--- a/dist/bg_video.js
+++ b/dist/bg_video.js
@@ -17,11 +17,13 @@ BgVideo = (function() {
   };
 
   function BgVideo($elm, options, nativeAttributes) {
+    this.$elm = $elm;
+    this.$detachedElm = null;
     this.settings = {
       sources: [],
       cssPosition: 'absolute',
       alignment: 'top left',
-      hideBodyScrollsbars: true
+      hideBodyScrollbars: true
     };
     this.attributes = {
       autoplay: 'autoplay',
@@ -33,7 +35,7 @@ BgVideo = (function() {
     };
     this.settings = $.extend(this.settings, options);
     this.attributes = $.extend(this.attributes, nativeAttributes);
-    if (this.settings.hideBodyScrollsbars) {
+    if (this.settings.hideBodyScrollbars) {
       $('body').css('overflow', 'hidden');
     }
     this.$video = this.createVideoTag();
@@ -119,6 +121,24 @@ BgVideo = (function() {
     return mimeTypes[ext];
   };
 
+  BgVideo.prototype.destroy = function() {
+    this.pause();
+    return this.$video.remove();
+  };
+
+  BgVideo.prototype.detach = function() {
+    this.pause();
+    return this.$detachedElm = this.$video.detach();
+  };
+
+  BgVideo.prototype.reAttach = function() {
+    if (this.$detachedElm != null) {
+      this.$elm.append(this.$video);
+      this.play();
+      return this.$detachedElm = null;
+    }
+  };
+
   return BgVideo;
 
 })();
diff --git a/dist/bg_video.min.js b/dist/bg_video.min.js
index c996e75..0d47ed8 100644
--- a/dist/bg_video.min.js
+++ b/dist/bg_video.min.js
@@ -1,2 +1,2 @@
-/*! BgVideo 2014-05-16 */
-var BgVideo,root;root="undefined"!=typeof exports&&null!==exports?exports:this,$.supportsVideo=function(){return!!document.createElement("video").canPlayType},BgVideo=function(){function a(a,b,c){this.settings={sources:[],cssPosition:"absolute",alignment:"top left",hideBodyScrollsbars:!0},this.attributes={autoplay:"autoplay",controls:!1,loop:"loop",muted:"muted",poster:null,preload:"auto"},this.settings=$.extend(this.settings,b),this.attributes=$.extend(this.attributes,c),this.settings.hideBodyScrollsbars&&$("body").css("overflow","hidden"),this.$video=this.createVideoTag(),a.append(this.$video)}var b;return b={mp4:"video/mp4",m4v:"video/mp4",ogv:"video/ogg",webm:"video/webm"},a.prototype.play=function(){return this.$video.get(0).play()},a.prototype.pause=function(){return this.$video.get(0).pause()},a.prototype.mute=function(){return this.$video.prop("muted",!0)},a.prototype.unmute=function(){return this.$video.prop("muted",!1)},a.prototype.alignmentPosition=function(){switch(this.settings.alignment){case"top right":return{top:0,right:0};case"bottom left":return{bottom:0,left:0};case"bottom right":return{bottom:0,right:0};default:return{top:0,left:0}}},a.prototype.createVideoTag=function(){var a,b,c,d,e,f;for(a=$("<video />"),b={position:this.settings.cssPosition,minWidth:"100%",minHeight:"100%",width:"auto",height:"auto",zIndex:"-1000",overflow:"hidden"},a.css($.extend(b,this.alignmentPosition())),$.each(this.attributes,function(b,c){return null!==c?a.attr(b,c):void 0}),f=this.settings.sources,d=0,e=f.length;e>d;d++)c=f[d],this.appendSource(a,c);return a},a.prototype.appendSource=function(a,b){var c;return c=this.detectMimeType(b),$("<source />").attr("src",b).attr("type",c).appendTo(a)},a.prototype.detectMimeType=function(a){var c;return c=a.split(".").pop().toLowerCase(),b[c]},a}(),root.BgVideo=BgVideo;
\ No newline at end of file
+/*! BgVideo 2014-05-28 */
+var BgVideo,root;root="undefined"!=typeof exports&&null!==exports?exports:this,$.supportsVideo=function(){return!!document.createElement("video").canPlayType},BgVideo=function(){function a(a,b,c){this.$elm=a,this.$detachedElm=null,this.settings={sources:[],cssPosition:"absolute",alignment:"top left",hideBodyScrollbars:!0},this.attributes={autoplay:"autoplay",controls:!1,loop:"loop",muted:"muted",poster:null,preload:"auto"},this.settings=$.extend(this.settings,b),this.attributes=$.extend(this.attributes,c),this.settings.hideBodyScrollbars&&$("body").css("overflow","hidden"),this.$video=this.createVideoTag(),a.append(this.$video)}var b;return b={mp4:"video/mp4",m4v:"video/mp4",ogv:"video/ogg",webm:"video/webm"},a.prototype.play=function(){return this.$video.get(0).play()},a.prototype.pause=function(){return this.$video.get(0).pause()},a.prototype.mute=function(){return this.$video.prop("muted",!0)},a.prototype.unmute=function(){return this.$video.prop("muted",!1)},a.prototype.alignmentPosition=function(){switch(this.settings.alignment){case"top right":return{top:0,right:0};case"bottom left":return{bottom:0,left:0};case"bottom right":return{bottom:0,right:0};default:return{top:0,left:0}}},a.prototype.createVideoTag=function(){var a,b,c,d,e,f;for(a=$("<video />"),b={position:this.settings.cssPosition,minWidth:"100%",minHeight:"100%",width:"auto",height:"auto",zIndex:"-1000",overflow:"hidden"},a.css($.extend(b,this.alignmentPosition())),$.each(this.attributes,function(b,c){return null!==c?a.attr(b,c):void 0}),f=this.settings.sources,d=0,e=f.length;e>d;d++)c=f[d],this.appendSource(a,c);return a},a.prototype.appendSource=function(a,b){var c;return c=this.detectMimeType(b),$("<source />").attr("src",b).attr("type",c).appendTo(a)},a.prototype.detectMimeType=function(a){var c;return c=a.split(".").pop().toLowerCase(),b[c]},a.prototype.destroy=function(){return this.pause(),this.$video.remove()},a.prototype.detach=function(){return this.pause(),this.$detachedElm=this.$video.detach()},a.prototype.reAttach=function(){return null!=this.$detachedElm?(this.$elm.append(this.$video),this.play(),this.$detachedElm=null):void 0},a}(),root.BgVideo=BgVideo;
\ No newline at end of file
diff --git a/package.json b/package.json
index 563af23..bab99a5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "BgVideo",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "",
   "main": "Gruntfile.js",
   "directories": {
diff --git a/src/bg_video.coffee b/src/bg_video.coffee
index c3f72e6..19b9591 100644
--- a/src/bg_video.coffee
+++ b/src/bg_video.coffee
@@ -13,6 +13,10 @@ class BgVideo
 
   constructor: ($elm, options, nativeAttributes) ->
 
+    @$elm = $elm
+
+    @$detachedElm = null
+
     @settings =
       sources:    []
       cssPosition: 'absolute' # static|fixed|absolute
@@ -70,4 +74,18 @@ class BgVideo
     ext = source.split('.').pop().toLowerCase()
     mimeTypes[ext]
 
+  destroy: ->
+    @pause()
+    @$video.remove()
+
+  detach: ->
+    @pause()
+    @$detachedElm = @$video.detach()
+
+  reAttach: ->
+    if @$detachedElm?
+      @$elm.append @$video
+      @play()
+      @$detachedElm = null
+
 root.BgVideo = BgVideo