title: WEB RTC VIDEO Conferencing
body: <p>Using web rtc how can one change the video panels width and height as they are  calculated in <code>getmediaelement.js</code> file and it change the height of both video panels i.e sender and receiver?</p>
  
  <p>So I want to increase the height of receiver but decrease the height of sender and vice versa.</p>
  
  <p>How it can be done?</p>
  
  <pre class="lang-js prettyprint-override"><code>var b = document.createElement("div");
  b.className = "media-box";
  i.appendChild(b);
  b.appendChild(e);
  if (!t.width) t.width = innerWidth / 2 - 50;
  i.style.width = t.width + "px";
  if (t.height) {
      b.style.height = t.height + "px"
  }
  </code></pre>