Home Web Front-end Front-end Q&A What video formats does the html5 video element support?

What video formats does the html5 video element support?

Feb 25, 2022 pm 04:59 PM
html5 video video format

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.

What video formats does the html5 video element support?

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

##MP4video/mp4WebMvideo/webmOggvideo/ogg
Format MIME-type
  • MP4 = MPEG 4 file uses H264 video codec and AAC audio codec

    MP4 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 codec

    WebM 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 tutorialweb 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!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles