YouTip
Home
JavaScript
PHP
Python3
HTML
C#
Python
Java
PyTorch
Linux
C
jQuery
CSS
XML
jQuery UI
Bootstrap
C++
Angular
HTML DOM
Redis
Web Building
Home
>
HTML
>
Tag Video
Tag Video
📅 2026-06-12 | 📂 HTML
# HTML `
` Tag The HTML `
` element is used to embed video content in a document, such as movie clips or other video streams, without requiring external plug-ins. --- ## Quick Example Here is a simple example of how to embed a video player with controls: ```html
Your browser does not support the video tag.
``` --- ## Browser Support The numbers in the table specify the first browser version that fully supports the `
` element. | Element | Chrome | Edge / IE | Firefox | Safari | Opera | | :--- | :--- | :--- | :--- | :--- | :--- | | **`
`** | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 | --- ## Usage and Description The `
` tag defines video content on a webpage. Currently, the `
` element supports three primary video formats: **MP4**, **WebM**, and **Ogg**. ### Browser Support for Video Formats | Browser | MP4 | WebM | Ogg | | :--- | :--- | :--- | :--- | | **Internet Explorer** | YES | NO | NO | | **Chrome** | YES | YES | YES | | **Firefox** | YES (From v21; Linux from v30) | YES | YES | | **Safari** | YES | NO | NO | | **Opera** | YES (From v25) | YES | YES | ### Video Format Details * **MP4**: MPEG-4 files using the H.264 video codec and AAC audio codec. * **WebM**: WebM files using the VP8/VP9 video codec and Vorbis/Opus audio codec. * **Ogg**: Ogg files using the Theora video codec and Vorbis audio codec. Because different browsers support different video formats, it is highly recommended to provide multiple sources to ensure cross-browser compatibility: ```html
Your browser does not support the HTML5 video tag.
``` --- ## MIME Types for Video Formats When serving videos, ensure your server is configured with the correct MIME types: | Format | MIME Type | | :--- | :--- | | **MP4** | `video/mp4` | | **WebM** | `video/webm` | | **Ogg** | `video/ogg` | --- ## Differences Between HTML 4.01 and HTML5 * The `
` tag is a **new element introduced in HTML5**. In HTML 4.01, videos could only be played using third-party plugins like Flash. --- ## Developer Tips and Notes * **Fallback Text:** Always place text or alternative content between the `
` and `
` tags. This content will only be displayed in browsers that do not support the `
` element. * **Autoplay Restrictions:** Modern browsers often block autoplaying videos with audio. To ensure your video autoplays successfully, always pair the `autoplay` attribute with the `muted` attribute. --- ## Attributes The table below lists the attributes specific to the `
` element: | Attribute | Value | Description | | :--- | :--- | :--- | | **`autoplay`** | `autoplay` | Specifies that the video will start playing as soon as it is ready. | | **`controls`** | `controls` | Specifies that video controls should be displayed (such as a play/pause button, volume, etc.). | | **`height`** | *pixels* | Sets the height of the video player. | | **`loop`** | `loop` | Specifies that the video will start over again, every time it is finished. | | **`muted`** | `muted` | Specifies that the audio output of the video should be muted by default. | | **`poster`** | *URL* | Specifies an image to be shown while the video is downloading, or until the user hits the play button. | | **`preload`** | `auto`
`metadata`
`none` | Specifies if and how the author thinks the video should be loaded when the page loads. (Ignored if `autoplay` is present). | | **`src`** | *URL* | Specifies the URL of the video file to play (use `
` instead for multiple formats). | | **`width`** | *pixels* | Sets the width of the video player. | --- ## Global and Event Attributes * The `
` tag supports all **HTML Global Attributes**. * The `
` tag supports all **HTML Event Attributes** (such as `onplay`, `onpause`, `onended`, etc.).
← Tag Wbr
Tag Var →
📂 Categories
⚡ JavaScript
(1589)
🐘 PHP
(872)
🐍 Python3
(810)
🌐 HTML
(691)
⚙️ C#
(650)
🐍 Python
(594)
☕ Java
(552)
⚙️ PyTorch
(534)
🐧 Linux
(472)
⚙️ C
(432)
📦 jQuery
(406)
🎨 CSS
(377)
📄 XML
(259)
📦 jQuery UI
(231)
🎯 Bootstrap
(220)
⚙️ C++
(215)
🅰️ Angular
(205)
🌐 HTML DOM
(201)
🔴 Redis
(188)
📖 Web Building
(142)
💚 Vue.js
(141)
📈 R
(131)
🐼 Pandas
(124)
🗄️ SQL
(105)
⚙️ Docker
(86)
⚙️ TypeScript
(73)
⚙️ Highcharts
(70)
📖 AI Agent
(70)
⚙️ React
(68)
📖 Node.js
(65)
⚙️ Machine Learning
(60)
📁 Git
(59)
🔵 Go
(58)
📈 Markdown
(58)
🔢 NumPy
(55)
🧪 Flask
(54)
⚙️ Scala
(53)
🗄️ SQLite
(52)
📖 JSTL
(52)
⚙️ VS Code
(51)
🍃 MongoDB
(49)
📈 Perl
(48)
📈 Ruby
(47)
📊 Matplotlib
(47)
⚙️ Uncategorized
(46)
🍎 Swift
(46)
🗄️ PostgreSQL
(46)
⚙️ Data Structures
(46)
📈 Playwright
(46)
📖 iOS
(45)
🗄️ MySQL
(44)
⚙️ LangChain
(43)
📖 FastAPI
(40)
⚙️ Ionic
(38)
📈 Design Patterns
(37)
⚙️ Eclipse
(37)
🎨 CSS3
(34)
🌙 Lua
(34)
⚙️ Codex
(34)
🎸 Django
(32)
⚙️ OpenCV
(32)
📈 Rust
(31)
📖 JSP
(31)
⚙️ Claude Code
(31)
📖 Pillow
(30)
⚙️ OpenCode
(28)
📖 AI Skills
(27)
📈 Flutter
(26)
📖 Maven
(26)
🎨 Tailwind CSS
(25)
🧠 TensorFlow
(25)
📈 Servlet
(24)
📈 Dart
(23)
📖 Assembly
(23)
⚙️ Memcached
(22)
✏️ SVG
(22)
⚙️ Electron
(22)
📖 NLP
(22)
🔍 Regex
(21)
📈 Android
(20)
🟣 Kotlin
(19)
📖 Julia
(19)
📖 SOAP
(17)
📖 Selenium
(17)
📈 PowerShell
(17)
💅 Sass
(16)
📖 HTTP
(16)
📖 Zig
(15)
📖 AI
(15)
🔄 AJAX
(14)
📈 Swagger
(14)
⚙️ Scikit-learn
(13)
⚙️ ECharts
(13)
⚙️ Chart.js
(13)
⚙️ Cursor
(13)
⚙️ SciPy
(12)
📈 RDF
(12)
📖 Ollama
(12)
📖 Next.js
(12)
📖 Plotly Dash
(12)
📋 JSON
(11)
📈 RESTful API
(11)
📖 WSDL
(9)
⚙️ CMake
(8)
📈 Firebug
(7)
📖 Nginx
(6)
☸️ Kubernetes
(6)
📈 Jupyter
(6)
📖 LaTeX
(4)
📖 UniApp
(4)
🗄️ SQL Server
(1)
YouTip