[#447] Update to ninja in for #475

players/baseplayer/popcorn.baseplayer.js

@@ -22,6 +22,14 @@
     
     // The underlying player resource. May be <canvas>, <iframe>, <object>, array, etc
     this.resource;
+    // The container div of the resource
+    this._container;
+    
+    this.offsetWidth = this.width = 0;
+    this.offsetHeight = this.height = 0;
+    this.offsetLeft = 0;
+    this.offsetTop = 0;
+    this.offsetParent = 0;
   }
 
   Popcorn.baseplayer.init.prototype = {
@@ -55,7 +63,11 @@
     // By default, assumes this.resource is a DOM Element
     // Changing the type of this.resource requires this method to be overridden
     getBoundingClientRect: function() {
-      var b = this.resource.getBoundingClientRect();
+      var b,
+          self = this;
+          
+      if ( this.resource ) {
+        b = this.resource.getBoundingClientRect();
         
         return {
           bottom: b.bottom,
@@ -67,6 +79,19 @@
           width: b.width || ( b.right - b.left ),
           height: b.height || ( b.bottom - b.top )
         };
+      } else {
+        b = this._container.getBoundingClientRect();
+        
+        // Update bottom, right for expected values once the container loads
+        return {
+          left: b.left,
+          top: b.top,
+          width: self.offsetWidth,
+          height: self.offsetHeight,
+          bottom: b.top + this.width,
+          right: b.top + this.height
+        };
+      }
     },
     
     // By default, assumes this.resource is a DOM Element