Viewing HTML5 audio and video in Firefox

Revision Information
  • Revision id: 11324
  • Created:
  • Creator: scoobidiver
  • Comment: removed the fx3 content, the fx35 tag, replaced out-of-date images, fixed the broken table, added a WebM format description & video sample, a troubleshooting section, a summary, and keywords
  • Reviewed: Yes
  • Reviewed:
  • Reviewed by: AliceWyman
  • Is approved? No
  • Is current revision? No
  • Ready for localization: No
Revision Source
Revision Content

You can play some types of sound and video files on web pages without a plugin. This article explains which formats can play and how to control, save, and open them.

What is open media?

Because the use of many audio and video file types is restricted by patents, a third-party application called a plugin is required to use them. A plugin (such as Flash) is a small application that runs inside the browser window.

Vorbis audio, Theora video (developed by the Xiph.Org Foundation), and VP8 video (sponsored by Google) are free to use codecs without patent restrictions, and can be viewed in Firefox without a plugin.

Ogg (.oga, ogv,.ogx file types) and WebM (.webm file type) are container formats that include these codecs.

Sample video files are available below:


Audio and video controls

When you visit a website that includes an open media file, you will see controls for managing playback when you hold the mouse pointer over the media on the page.

3422722387e7ba98fa616e673cd4e151-1254196561-776-1.png

  • Play button: 3422722387e7ba98fa616e673cd4e151-1254196561-776-3.png Starts playback.
  • Pause button: 3422722387e7ba98fa616e673cd4e151-1254196561-776-2.png Stops playback once it has started.
  • Progress indicator: Indicates how much time has elapsed since the beginning of the file.
    3422722387e7ba98fa616e673cd4e151-1254196561-776-4.png
  • Volume control: Click and drag the slider up or down to adjust the volume.
    3422722387e7ba98fa616e673cd4e151-1254196561-776-5.png

Keyboard controls

After you click on an audio or video file on a web page, you may control the playback with your keyboard.

Command________________ Shortcut____________
Toggle Play / Pause Space
Decrease volume Arrow down
Increase volume Arrow up
Mute audio Ctrl+Down Arrowcommand+Down Arrow
Unmute audio Ctrl+Arrow upcommand+Up Arrow
Seek back 15 seconds Left Arrow
Seek back 10 % Ctrl+Left Arrowcommand+Left Arrow
Seek forward 15 seconds Right Arrow
Seek forward 10 % Ctrl+Right Arrowcommand+Right Arrow
Seek to the beginning Home
Seek to the end End

Full screen video

To make a video take up the full screen, right-clickhold down the Ctrl key while you click and select Full Screen.

To end full screen viewing, click the X in the top-rightleft corner of the viewing window.
Open Video Full Screen


Saving open media files

To save an audio file from a web page to your computer:

  1. Right-clickHold down the Ctrl key while you click on the audio controls and select Save Audio As....
  2. Select a location on your computer to save the file.

To save a video file from a web page to your computer:

  1. Right-clickHold down the Ctrl key while you click on the video controls and select Save Video As....
  2. Select a location on your computer to save the file.

Opening saved files

The open media files you save from web pages may not play in your normal media player. To open these types of files:

  1. Open Firefox.
  2. Click Ctrlcommand+O.
  3. Navigate to the folder that contains the file you want to play and click Open.


Troubleshooting

If you are having problems with audio or video files, see: