# media-gesture
Map tap and double-tap gestures to player actions
## Import
```ts
import '@videojs/html/ui/gesture';
```
## Anatomy
```html
```
## Behavior
`` is a behavior component: it renders no visible interface. Place it inside a [``](https://videojs.org/docs/framework/html/reference/components/player-container) to map a `tap` or `doubletap` gesture to a player action.
A tap must use the primary pointer and complete within 250 milliseconds. When a matching double-tap gesture exists, the first tap waits briefly to see whether a second tap follows.
Use `pointer` to accept only `mouse`, `touch`, or `pen` input. Use `region` to divide the container horizontally:
- Left and right regions split the container into halves.
- Left, center, and right regions split it into thirds.
- A center-only region covers the full container.
- A single left or right region covers that half of the container.
An unregional gesture acts as a fallback outside the active regions. When several registrations match the same gesture, the first registration wins.
Choose a built-in `action` from the API reference below, or use an application-defined name to call a same-named action on the player store. Pass `value` as seconds for `seekStep` or as a volume delta such as `0.05` or `-0.05` for `volumeStep`. When omitted, these actions use the 10-second or five-percentage-point default. A left-region seek gesture uses the negative step. Unknown action names do nothing and warn in development.
## Accessibility
Gestures supplement visible, keyboard-operable controls; they should never be the only way to perform an action. Gestures ignore pointer activity that begins on interactive controls, links, form fields, menu items, or elements marked with `data-interactive`.
## Examples
### Basic Usage
This example follows the common video-player pattern: click to play or pause, double-click the left or right side to seek ten seconds, and double-click the center to toggle fullscreen.
**index.html**
```html