html5 video element supports three video formats: 1. MP4 format, which is a set of compression coding standards for audio and video information; 2. WebM format, proposed by Google, is an open and free media File format; 3. Ogg format.
The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.
HTML5 provides a standard for playing video files. You can use the
tag to define videos, such as movie clips or other video streams.
Currently, the
Format |
MIME-type |
##MP4
| video/mp4
|
WebM
| video/webm
|
Ogg
| video/ogg
|
- MP4 = MPEG 4 file uses H264 video codec and AAC audio codecMP4 is a set of compression encoding standards for audio and video information, composed of Developed by the "Moving Picture Experts Group (MPEG)" under the International Organization for Standardization (ISO) and the International Electrotechnical Commission (IEC), the first version was adopted in October 1998, and the second version was adopted in December 1999 pass. The main uses of the MPEG-4 format are in online streaming, optical discs, voice transmission (video telephony), and television broadcasting.
- WebM = WebM file uses VP8 video codec and Vorbis audio codecWebM is proposed by Google and is an open and free media file Format. The WebM video format is actually a new container format developed based on the Matroska (ie MKV) container format, which includes the VP8 video track and the Ogg Vorbis audio track. Google has open sourced its VP8 video encoding technology with a similar BSD license, and Ogg Vorbis is inherently an open format. The WebM standard online video is more open source and based on the HTML5 standard. The WebM project aims to develop high-quality, open video formats for a network that is open to everyone, with a focus on solving the core network user experience of video services. . Google says that the WebM format is quite efficient and should work smoothly on netbooks, tablets, handheld devices, etc.
- Ogg = Ogg file uses Theora video codec and Vorbis audio codec
[Recommended course:
HTML5 video tutorial、web front-end】
The above is the detailed content of What video formats does the html5 video element support?. For more information, please follow other related articles on the PHP Chinese website!