HTML5 audio and video in Firefox
Revision Information
- Revision id: 11915
- Created:
- Creator: scoobidiver
- Comment: using audio/video compression, removed embedded video
- Reviewed: Yes
- Reviewed:
- Reviewed by: AliceWyman
- Is approved? Yes
- Is current revision? No
- Ready for localization: Yes
- Readied for localization:
- Readied for localization by: AliceWyman
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.
Table of Contents
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)Vorbis audio and Theora video (developed by the Xiph.Org Foundation) are free audio/video compression formats for use 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 for open media.
Ogg (.oga, ogv,.ogx file types) is a container format for open media.
Some sample video files are available in the “Video For Everybody” Test Page at camendesign.com.
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.
- Play button: Starts playback.
- Pause button: Stops playback once it has started.
- Progress indicator: Indicates how much time has elapsed since the beginning of the file.
- Volume control: Click and drag the slider up or down to adjust the volume.
- In the Menu bar at the top of the screen, click and then select or , depending on your macOS version.Click the menu button and select .
- Select the panel.
- Check Enable JavaScript is selected.
- Close the page. Any changes you've made will automatically be saved.
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 .
To end full screen viewing, click the X in the top-rightleft corner of the viewing window.
Saving open media files
To save an audio file from a web page to your computer:
- Right-clickHold down the control key while you click on the audio controls and select .
- Select a location on your computer to save the file.
To save a video file from a web page to your computer:
- Right-clickHold down the control key while you click on the video controls and select .
- 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:
- Open Firefox.
- Click Ctrlcommand+O.
- Navigate to the folder that contains the file you want to play and click .
Troubleshooting
If you are having problems with audio or video files, see: