Adds default avatars for remote participants. Fixes scaling problem.

app.js

@@ -423,7 +423,7 @@ function resizeThumbnails() {
     var availableHeight = window.innerHeight - $('#largeVideo').height() - 79;
     var numvids = $('#remoteVideos>span:visible').length;
     // Remove the 1px borders arround videos.
-    var availableWinWidth = $('#remoteVideos').width() - 2 * numvids;
+    var availableWinWidth = $('#remoteVideos').width() - 2 * numvids - 50;
     var availableWidth = availableWinWidth / numvids;
     var aspectRatio = 16.0 / 9.0;
     var maxHeight = Math.min(160, availableHeight);

css/main.css

@@ -65,6 +65,8 @@ html, body{
     display: inline-block;
     z-index:0;
     border:1px solid #FFFFFF;
+    background-image:url(../images/avatar1.png);
+    background-size: contain;
 }
 
 #remoteVideos>span:hover {