---
title: "JavaScript PDF viewer fullscreen mode | Nutrient Web SDK"
canonical_url: "https://www.nutrient.io/guides/web/features/fullscreen-mode/"
md_url: "https://www.nutrient.io/guides/web/features/fullscreen-mode.md"
last_updated: "2026-06-08T09:14:14.485Z"
description: "Learn how to enable fullscreen mode in our JavaScript PDF viewer for an immersive, distraction-free reading experience. Enhance end user engagement with a seamless PDF viewing solution."
---

# Fullscreen mode in our JavaScript PDF viewer

Nutrient Web SDK doesn’t support a fullscreen mode at this point, but you can implement this yourself using the [fullscreen API](https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API).

The following example outlines an approach that works on multiple browsers:

### ES6+

```js

function requestFullscreen(element) {
  if (element.requestFullscreen) {
    element.requestFullscreen();
  } else if (element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  }
}

requestFullscreen(nutrientContainer);

```

### JAVASCRIPT

```js

function requestFullscreen(element) {
  if (element.requestFullscreen) {
    element.requestFullscreen();
  } else if (element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  }
}

requestFullscreen(nutrientContainer);

```
---

## Related pages

- [Customizing the presentation mode in our JavaScript viewer](/guides/web/viewer/viewing-options/presentation-mode.md)
- [Magazine viewer using JavaScript](/guides/web/viewer/viewing-options/magazine-viewer.md)