closes #1079

Author: Lauren McCarthy

lib/addons/p5.dom.js

@@ -874,10 +874,12 @@
 
       navigator.getUserMedia(constraints, function(stream) {
         elt.src = window.URL.createObjectURL(stream);
-        elt.play();
-        if (cb) {
-          cb(stream);
-        }
+        elt.onloadedmetadata = function(e) {
+          elt.play();
+          if (cb) {
+            cb(stream);
+          }
+        };
       }, function(e) { console.log(e); });
     } else {
       throw 'getUserMedia not supported in this browser';
@@ -1479,7 +1481,7 @@
     this._prevTime = 0;
     this._cueIDCounter = 0;
     this._cues = [];
-    this.pixelDensity = 1;
+    this._pixelDensity = 1;
 
   };
   p5.MediaElement.prototype = Object.create(p5.Element.prototype);
@@ -1616,9 +1618,9 @@
         this.canvas = document.createElement('canvas');
         this.drawingContext = this.canvas.getContext('2d');
       }
-      if (this.canvas.width !== this.elt.videoWidth) {
-        this.canvas.width = this.elt.videoWidth;
-        this.canvas.height = this.elt.videoHeight;
+      if (this.canvas.width !== this.elt.width) {
+        this.canvas.width = this.elt.width;
+        this.canvas.height = this.elt.height;
         this.width = this.canvas.width;
         this.height = this.canvas.height;
       }

src/image/loading_displaying.js

@@ -193,10 +193,19 @@ p5.prototype.image =
     dy = sy || 0;
     sx = 0;
     sy = 0;
-    dWidth = sWidth || img.width;
-    dHeight = sHeight || img.height;
-    sWidth = img.width;
-    sHeight = img.height;
+    if (img.elt && img.elt.videoWidth && !img.canvas) { // video no canvas
+      var actualW = img.elt.videoWidth;
+      var actualH = img.elt.videoHeight;
+      dWidth = sWidth || img.width;
+      dHeight = sHeight || img.width*actualH/actualW;
+      sWidth = actualW;
+      sHeight = actualH;
+    } else {
+      dWidth = sWidth || img.width;
+      dHeight = sHeight || img.height;
+      sWidth = img.width;
+      sHeight = img.height;
+    }
   } else if (arguments.length === 9) {
     sx = sx || 0;
     sy = sy || 0;