fix(instances): Clash in options due to value change of options object

Author: ritz078

demo/index.html

@@ -48,6 +48,12 @@ <h1>Loading embed.js in a block</h1>
 ```
 Flavum, ferox http://open.spotify.com/track/4th1RQAelzqgY7wL53UGQt torquiss vix aperto de http://plnkr.co/edit/AK732k bi-color, http://www.iitr.ac.in/Main/assets/images/topold.jpg audax nixus.Pol, alter devatio!Crescere aliquando ducunt ad noster lixa. :smile: :P https://www.youtube.com/watch?v=bQRLVxZHKPs http://www.liveleak.com/view?i=42a_1426999994 https://gist.github.com/jeremiahlee/1748966 https://gist.github.com/thomasmb/7132686 https://twitter.com/ProductHunt/status/652826210666418176/photo/1 http://www.ted.com/talks/monica_lewinsky_the_price_of_shame http://www.dailymotion.com/video/x2k8un2_2015-wc-nz-vs-wi-holder-reacts-on-guptills-237_sport https://vine.co/v/bjHh0zHdgZT https://vimeo.com/119199079 http://www.w3schools.com/html/horse.mp3
 </div>
+<div id="block2">
+Cur rumor nocere?Emeritis adelphis satis perderes domina est.Gloss cadunt in bi-color brema!
+@(IIT Roorkee) Bi-color habitio virtualiter imitaris amicitia est.Teres tatas ducunt ad racana.Genetrixs
+prarere in
+rugensis civitas!
+</div>
 </div>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script>
@@ -67,7 +73,13 @@ <h1>Loading embed.js in a block</h1>
 	var x = new EmbedJS({
 		element: document.getElementById('block')
 	});
-	x.render();
+	x.render()
+	// x.render();
+	var y = new EmbedJS({
+		element: document.getElementById('block2')
+	});
+	y.render()
+
 	x.text(function(data){
 		console.log(data);
 	})

dist/embed.min.js

@@ -108,15 +108,22 @@ const helper = require('./modules/video/helper.es6');
 
     class EmbedJS {
         constructor(options, input) {
+            let [defOpts,globOpts]=[utils.cloneObject(defaultOptions),utils.cloneObject(globalOptions)]
             //merge global options with the default options
-            let globOptions = utils.deepExtend(defaultOptions, globalOptions)
+            let globOptions = utils.deepExtend(defOpts, globOpts)
 
             this.options = utils.deepExtend(globOptions, options);
-            this.element = this.options.element || input;
-            if (!this.element) {
-                throw ReferenceError("You need to pass an element or the string that needs to be processed");
+            if (!this.options.element && !input) {
+                    throw ReferenceError("You need to pass an element or the string that needs to be processed");
+                }
+
+            if (this.options.element) {
+                this.element = this.options.element;
+                this.input = this.element.innerHTML;
+            }else{
+                this.input = input;
             }
-            this.input = this.element.innerHTML;
+
         }
 
         /**
@@ -192,21 +199,21 @@ const helper = require('./modules/video/helper.es6');
     }
 
     let ejs = {
-        instances:[],
-        elements :utils.getElementsByAttributeName('data-embed-js'),
-        setOptions  : function(options){
+        instances: [],
+        elements: utils.getElementsByAttributeName('data-embed-js'),
+        setOptions: function(options) {
             globalOptions = utils.deepExtend(defaultOptions, options)
         },
-        applyEmbedJS: function(){
+        applyEmbedJS: function() {
             for (let i = 0; i < this.elements.length; i++) {
                 let option = {
-                    element:this.elements[i]
+                    element: this.elements[i]
                 }
                 this.instances[i] = new EmbedJS(option)
                 this.instances[i].render()
             }
         },
-        destroyEmbedJS: function(){
+        destroyEmbedJS: function() {
             for (let i = 0; i < this.elements.length; i++) {
                 this.instances[i].destroy()
             }

src/embed.js

@@ -142,6 +142,25 @@ var utils = {
             }
         }
         return matchingElements;
+    },
+
+    /**
+     * Returns a cloned object
+     * @param  {object} obj
+     * @return {object}     cloned object
+     */
+    cloneObject: function(obj) {
+        if (obj === null || typeof obj !== 'object') {
+            return obj;
+        }
+
+        var temp = obj.constructor(); // give temp the original obj's constructor
+        for (var key in obj) {
+            temp[key] = this.cloneObject(obj[key]);
+        }
+
+        return temp;
+
     }
 };