🍿 Fullscreen video

Note date 27 Feb, 2020
Tags javascript typescript
👋 FYI, this note is over 6 months old. Some of the content may be out of date. 
const openFullscreen = (elem: HTMLElement): Promise<any> => {
  if (elem.requestFullscreen) {
    return elem.requestFullscreen()
  } else if (elem.mozRequestFullscreen) {
    /* Firefox */
    return elem.mozRequestFullscreen()
  } else if (elem.webkitRequestFullscreen) {
    /* Chrome, Safari and Opera */
    return elem.webkitRequestFullscreen()
  } else if (elem.msRequestFullscreen) {
    /* IE/Edge */
    return elem.msRequestFullscreen()
  }
}

// Usage
openFullscreen(element).catch((error) => {
  Sentry.captureException(new Error(error))
  Sentry.captureMessage(
    `Error attempting to enable full-screen mode: ${error.message} (${error.name})`
  )
})
← Back home