Centering a fullscreen three.js video texture

index.js

import * as THREE from 'three'

const video = document.createElement('video')
export const vidTexture = new THREE.VideoTexture(video)
vidTexture.center.set(0.5, 0.5)

const resize = () => {
  const wWidth = document.body.offsetWidth
  const wHeight = document.body.offsetHeight
  const vWidth = video.videoWidth
  const vHeight = video.videoHeight

  if (vWidth > vHeight) {
  // Landscape
    vidTexture.repeat.x = (wWidth / vWidth) * (vHeight / wHeight)
  } else {
  // Portrait
    vidTexture.repeat.y = (vWidth / wWidth) * (wHeight / vHeight)
  }
}

window.addEventListener('resize', resize)
video.addEventListener('loadedmetadata', resize)