dphelper/docs/markdown/screen.md

dphelper devtools for developers

# screen

Functionality for screen and fullscreen management.

## Functions

| Function | Description | Example |
|----------|-------------|---------|
| `fullScreen` | Enter fullscreen mode | `dphelper.screen.fullScreen(element)` |
| `toggle` | Toggle fullscreen mode | `dphelper.screen.toggle(element)` |

## Description

Browser fullscreen control:
- **Fullscreen** - Request fullscreen for any element
- **Toggle** - Switch between fullscreen and normal mode
- **Video** - Perfect for video players and presentations

## Usage Examples

### Enter Fullscreen

```javascript
// Fullscreen entire page
dphelper.screen.fullScreen();

// Fullscreen specific element
const video = document.getElementById('myVideo');
dphelper.screen.fullScreen(video);

// Fullscreen modal
const modal = document.getElementById('modal');
dphelper.screen.fullScreen(modal);
```

### Toggle Fullscreen

```javascript
// Toggle on/off
dphelper.screen.toggle();

// Toggle specific element
const element = document.getElementById('container');
dphelper.screen.toggle(element);
```

### Video Player Fullscreen

```javascript
// Fullscreen video player
const videoPlayer = document.getElementById('video-player');
const fullscreenBtn = document.getElementById('fullscreen-btn');

fullscreenBtn.addEventListener('click', () => {
  dphelper.screen.toggle(videoPlayer);
});

// Handle fullscreen change
document.addEventListener('fullscreenchange', () => {
  if (document.fullscreenElement) {
    console.log('Entered fullscreen');
  } else {
    console.log('Exited fullscreen');
  }
});
```

## Details

- **Author:** Dario Passariello
- **Version:** 0.0.2
- **Creation Date:** 20240101
- **Last Modified:** 20240101
- **Environment:** client (browser)

---

*Automatically generated document*