30/8/2018 HTML video Tag

  HTML CSS MORE  

w3schools.com

Masuki dunia investasi

Edukasi pintar berinvestasi dan ubah hidup Anda
FBS selamanya

HTML <video> Tag

❮ Reference ❯

Example
Play a video:

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Try it Yourself »

Definition and Usage

The <video> tag specifies video, such as a movie clip or other video streams.

Currently, there are 3 supported video formats for the <video> element: MP4, WebM, and
Ogg:

Browser MP4 WebM Ogg

https://www.w3schools.com/tags/tag_video.asp 1/8
30/8/2018 HTML video Tag

Internet Explorer YES NO NO

  HTML CSS MORE  
Chrome YES YES YES

Firefox YES YES YES

from Firefox 21
from Firefox 30 for
Linux

Safari YES NO NO

Opera YES YES YES

From Opera 25

MP4 = MPEG 4 files with H264 video codec and AAC audio codec
WebM = WebM files with VP8 video codec and Vorbis audio codec
Ogg = Ogg files with Theora video codec and Vorbis audio codec

MIME Types for Video Formats

Format MIME-type

MP4 video/mp4

WebM video/webm

Ogg video/ogg

Weltrade - Trusted Broker

Support Auto trading System. Deposit via Bank Lokal. OPEN
IB Kontest Total $15.000. Join Now

Browser Support
The numbers in the table specify the first browser version that fully supports the element.

Element

<video> 4.0 9.0 3.5 4.0 10.5

https://www.w3schools.com/tags/tag_video.asp 2/8
30/8/2018 HTML video Tag

  HTML CSS MORE  

Differences Between HTML 4.01 and HTML5
The <video> tag is new in HTML5.

Tips and Notes

Tip: Any text between the <video> and </video> tags will be displayed in browsers that do
not support the <video> element.

Optional Attributes
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 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

poster URL Specifies an image to be shown while the video is

downloading, or until the user hits the play
button

preload auto Specifies if and how the author thinks the video
metadata should be loaded when the page loads
none

src URL Specifies the URL of the video file

width pixels Sets the width of the video player

https://www.w3schools.com/tags/tag_video.asp 3/8
30/8/2018 HTML video Tag

Global
  Attributes
HTML CSS MORE  

The <video> tag also supports the Global Attributes in HTML.

Event Attributes
The <video> tag also supports the Event Attributes in HTML.

Related Pages
HTML DOM reference: HTML Audio/Video DOM Reference

Default CSS Settings

None.

❮ Reference ❯

https://www.w3schools.com/tags/tag_video.asp 4/8
30/8/2018 HTML video Tag

  HTML CSS MORE  

Edukasi
pintar
berinvestasi

Masuki dunia
investasi dan
ubah hidup Anda
selamanya

FBS

COLOR PICKER

HOW TO

Tabs
Dropdowns
Accordions
Side Navigation
Top Navigation

https://www.w3schools.com/tags/tag_video.asp 5/8
30/8/2018 HTML video Tag

Modal Boxes
  HTML CSS MORE  
Progress Bars
Parallax
Login Form
HTML Includes
Google Maps
Range Sliders
Tooltips
Slideshow
Filter List
Sort List

SHARE

  

CERTIFICATES
HTML, CSS, JavaScript, PHP, jQuery, Bootstrap and XML.

Read More »

https://www.w3schools.com/tags/tag_video.asp 6/8
30/8/2018 HTML video Tag

  HTML CSS MORE  

REPORT ERROR
PRINT PAGE
FORUM
ABOUT

Top 10 Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
SQL Tutorial
PHP Tutorial
jQuery Tutorial
Python Tutorial

Top 10 References
HTML Reference
CSS Reference
JavaScript Reference
W3.CSS Reference
Bootstrap Reference
SQL Reference
PHP Reference
HTML Colors
jQuery Reference
Python Reference

Top 10 Examples

https://www.w3schools.com/tags/tag_video.asp 7/8
30/8/2018 HTML video Tag

HTML Examples
  HTML CSS MORE  CSS Examples 
JavaScript Examples
How To Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
jQuery Examples
Angular Examples
XML Examples

Web Certificates
HTML Certificate
CSS Certificate
JavaScript Certificate
jQuery Certificate
PHP Certificate
Bootstrap Certificate
XML Certificate

W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and
basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot
warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use,
cookie and privacy policy. Copyright 1999-2018 by Refsnes Data. All Rights Reserved.
Powered by W3.CSS.

https://www.w3schools.com/tags/tag_video.asp 8/8