New methods: destroy, detach, reAttach

mynewsdesk · May 28, 2014 · 2de06ee · 2de06ee
1 parent 73d325c
commit 2de06ee
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 6 deletions.
diff --git 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 <[email protected]>"

diff --git 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
diff --git 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
@@ -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