---
{
  title: 'Media Patterns',
  description: 'Media patterns: playback controls, player interaction patterns, and accessibility best practices for video and audio players using NVIDIA Elements.',
  layout: 'docs.11ty.js'
}
---

# {{ title }}

Media patterns for video playback, sensor visualization, and robot monitoring in AV/Robotics applications.

## Playback Control

{% example '@internals/patterns/media.examples.json' 'PlaybackControl' %}

## Playback Speed Control

{% example '@internals/patterns/media.examples.json' 'PlaybackSpeedControl' %}

## Playback Speed Menu Control

{% example '@internals/patterns/media.examples.json' 'PlaybackSpeedMenuControl' %}

## Volume Control

{% example '@internals/patterns/media.examples.json' 'VolumeControl' %}

## Zoom Control

{% example '@internals/patterns/media.examples.json' 'ZoomControl' %}

## Time Scrubber Control

{% example '@internals/patterns/media.examples.json' 'TimeScrubberControl' %}

## Video Player Card

{% example '@internals/patterns/media.examples.json' 'VideoPlayerCard' %}

## Audio Player Card

{% example '@internals/patterns/media.examples.json' 'AudioPlayerCard' %}

## Page Video Layout

{% example '@internals/patterns/media.examples.json' 'PageLayoutVideo' '{ "inline": false, "height": "680px" }' %}
