Hangouts Screen Share in Full Screen

  2015-03-20


Edit: I came across this extension which I assume accomplishes something similar, nice.

So I was messing around in a Hangouts session today trying to increase the other user’s screen share size, and I noticed a few HTML elements that controlled the size. I discovered that you can easily resize the video feed.

The best approach would be an extension to handle finding the proper elements and also hooking into some events, but a simple PoC can be seen below:

var leftId = ':v8.Sh';
var sizeIds = [leftId, ':v8.Wh', ':v8.Xh', ':v8.Th'];
var height = window.innerHeight + 'px';
var width = window.innerWidth + 'px';

function resize(id) {
    var el = document.getElementById(id);
    el.style.width = width;
    el.style.height = height;
}

function shift(id) {
    var el = document.getElementById(id);
    el.style.left = '0px';
}

sizeIds.forEach(resize);
shift(leftId);