Media: View and debug media players information

Jecelyn Yeen

Dale St. Marthe

Use the Media Panel in Chrome DevTools to view information and debug the media players per browser tab.

Overview

The Media panel is the main place in DevTools for inspecting the media player of a page. Audio and video sources are listed in the left section of the Media panel under Players, and the right section displays various properties and details.

The Media panel lets you do the following:

• View media player information.
• Hide and show media.
• Remote media player debugging.
• Export media player information.

Open the Media panel

To open the Media panel:

1. Open DevTools.
2. Click the More Options more_vert > More tools > Media to open the Media panel.