Edit

View and debug media players information

  • Article

Use the Media tool to view information and debug the media players per browser tab.

Open the Media tool

The Media tool is the main place in DevTools for inspecting the media player of a webpage.

  1. To open DevTools, right-click the webpage, and then select Inspect. Or, press Ctrl+Shift+I (Windows, Linux) or Command+Option+I (macOS). DevTools opens.

  2. In DevTools, on the main toolbar, select the Media tab. If that tab isn't visible, click the More tabs (More tabs icon) button, or else the More Tools (More Tools icon) button.

    Media panel

View media players information

  1. Navigate to a webpage with a media player, such as the following webpage.

    Maximizing productivity with the Edge Developer Tools

  2. Under the Players menu, a media player is displayed.

  3. Click the player. The Properties panel displays the properties of the media player.

    Media properties

  4. To view all the media player events, click the Events panel.

    Media events

  5. To view the media player message logs, click the Messages panel. You can filter the messages by log level or string.

    Media messages

  6. On the Timeline panel, the media playback and buffer status is displayed live.

    Media timeline

Remote debugging

View the media players information on an Android device from your Windows or macOS computer.

  1. To set up remote debugging, see Get started with remote debugging Android devices.

  2. View the media players information remotely.

Hide and show media players

Sometimes you run more than one media player on a webpage, or use the same browser tab to browse different webpages, each with media players.

You can hide (or show) each media player, for an easier debugging experience:

  1. Browse to several different video webpages using the same browser tab.

  2. To hide media players:

    • To hide a single media player, right-click a media player, and then select Hide player.
    • To hide all of the other media players, right-click a media player, and then select Hide all others.

Hide media players

Export media player information

  • To download the media player info as a JSON file, right-click a media player, and then select Save player info.

Export media information

Note

Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License. The original page is found here and is authored by Jecelyn Yeen (Developer advocate, Chrome DevTools).

Creative Commons License This work is licensed under a Creative Commons Attribution 4.0 International License.