How to add video in HTML5 ?
Last Updated :
29 May, 2020
In This article, we will define how to add video content using a <video> element in the document. Before HTML5 came into existence, videos could only be played in a browser using a plugin like flash, but after the release of HTML5, adding a video to a web page is easy as adding an image. The HTML5 “video” element specifies a standard way to embed a video in a web page. There are three different formats that are commonly supported by web browsers – mp4, Ogg, and WebM. The table below lists the formats supported by different browsers:
Syntax:
<video src="" controls></video>
Example:
<!DOCTYPE html>
< html >
< head >
< title >
Define a Video or move?
</ title >
</ head >
< body >
< h2 >
GeeksForGeeks
</ h2 >
< h2 >
HTML5: How to define
a Video or Movie?
</ h2 >
< p >
Adding Video on my webpage
< p >
< video width = "400" height = "350" controls>
< source src = "myvid.mp4" type = "video/mp4" >
< source src = "myvid.ogg" type = "video/ogg" >
</ video >
</ body >
</ html >
|
Output:
Supported Browsers:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Share your thoughts in the comments
Please Login to comment...