Google Meet FullScreen

readme.md

• right click on bookmarks panel
• select add page
• for name use Meet FullScreen
• for URL copy content from google-meet-fullscreen-bookmarklet.js
  • if you like you can minify source using https://minify-js.com/ instead
• when in Google Meet call, click on bookmarklet - observe full screen button(s) in top right corner of each video
• click on the button to go full screen, press esc to go back to normal

google-meet-fullscreen-bookmarklet.js

javascript:!function(){const e=`button-${window.__meetsRandomNumber=window.__meetsRandomNumber||Math.floor(1e6*Math.random())}`;[...document.getElementsByClassName(e)].forEach((e=>e.remove())),[...document.getElementsByTagName("video")].forEach((function(n){const t=document.createElement("button");t.setAttribute("tabindex",1),t.setAttribute("class",e),t.setAttribute("style","\n      z-index: 999999999;\n      background: white;\n      width: 28px;\n      height: 28px;\n      position: absolute;\n      right: 50px;\n      display: block;\n      border-radius: 14px;\n      margin: 8px;\n      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+DQogIDx0aXRsZT4NCiAgICBmdWxsc2NyZWVuDQogIDwvdGl0bGU+DQogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgMXY2aDJWM2g0VjFIMXptMiAxMkgxdjZoNnYtMkgzdi00em0xNCA0aC00djJoNnYtNmgtMnY0em0wLTE2aC00djJoNHY0aDJWMWgtMnoiLz4NCjwvc3ZnPg0K');\n      background-repeat: no-repeat;\n      background-position: center;\n      filter: invert(1);\n    "),t.addEventListener("focus",(()=>{t.style.outline="5px solid #c00"})),t.addEventListener("blur",(()=>{t.style.outline=""})),"none"!==n.style.display&&(n.parentElement.parentElement.appendChild(t),t.addEventListener("click",(e=>{n.requestFullscreen(),n.addEventListener("fullscreenchange",(function e(){document.fullscreenElement||(n.removeEventListener("fullscreenchange",e),t.focus())}))})))}))}();

src.js

javascript: (function() {
  const randomFullNumber = window.__meetsRandomNumber = window.__meetsRandomNumber || Math.floor(Math.random() * 1000000)
  const className = `button-${randomFullNumber}`
  ;[...document.getElementsByClassName(className)].forEach(e => e.remove())

  ;[...document.getElementsByTagName('video')].forEach(addButton)
  function addButton(video) {
    const btn = document.createElement("button")
    btn.setAttribute('tabindex', 1)
    btn.setAttribute('class', className)
    btn.setAttribute('style', `
      z-index: 999999999;
      background: white;
      width: 28px;
      height: 28px;
      position: absolute;
      right: 50px;
      display: block;
      border-radius: 14px;
      margin: 8px;
      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+DQogIDx0aXRsZT4NCiAgICBmdWxsc2NyZWVuDQogIDwvdGl0bGU+DQogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgMXY2aDJWM2g0VjFIMXptMiAxMkgxdjZoNnYtMkgzdi00em0xNCA0aC00djJoNnYtNmgtMnY0em0wLTE2aC00djJoNHY0aDJWMWgtMnoiLz4NCjwvc3ZnPg0K');
      background-repeat: no-repeat;
      background-position: center;
      filter: invert(1);
    `)
    btn.addEventListener('focus', () => {btn.style.outline = '5px solid #c00'})
    btn.addEventListener('blur', () => {btn.style.outline = ''})
    if (video.style.display !== 'none') {
      video.parentElement.parentElement.appendChild(btn)
      btn.addEventListener('click', (event) => {
        video.requestFullscreen()
        video.addEventListener('fullscreenchange', function focusOnFullScreenExit() {
            if (!document.fullscreenElement) {
              video.removeEventListener('fullscreenchange', focusOnFullScreenExit)
              btn.focus()
            }
          }
        )
      })
    }
  }
})()