Updated dynamic styles to work with new renderer styles.

src/styles/components/_audiovideo.scss

@@ -163,6 +163,7 @@
 	.remoteVideo {
 		display: inline-block;
 		width:100%;
+		max-width:100%;
 		max-height:100%;
 		vertical-align:bottom;
 		position:relative;
@@ -320,6 +321,9 @@
 	}
 }
 
+.renderer-onepeople {
+}
+
 .renderer-conferencekiosk {
 	.remoteVideos {
 		top:auto;

static/js/services/videolayout.js

@@ -125,7 +125,7 @@ define(["jquery", "underscore"], function($, _) {
                 container.style.width = newContainerWidth + "px";
                 container.style.left = ((innerWidth - newContainerWidth) / 2) + 'px';
                 extraCSS = {
-                    "#remoteVideos": {
+                    ".renderer-onepeople .remoteVideos": {
                         ">div": {
                             width: singleVideoWidth+"px",
                             height: singleVideoHeight+"px"