HTML Video Tag

A video file can be inserted in an HTML page in two ways The first method will use the <embed /> tag This tag does not require an ending / finishing tag, mostly, a tag for a photo same.

Example - 
<embed src="example.mpeg" autostart="false" height="30" width="144" />

<a href="example.mpeg" title="Download movie">film name</a>

Supported extensions for the embed tagThese are:

• .swf - made by Macromedia Flash
• .wmv - Microsoft Windows Media Video
• .mov - Quick Time Movie, belongs to Apple
• .mpeg - created by Moving Pictures Expert Group.

Attributes of the embed tag

• autostart - Sets whether the file will run automatically after the file is loaded. Can be true or false value
• hidden - sets whether the buttons are hidden or not. Can have the true or false value.
• volume - can have any value from 0 to 100
• loop- It determines that the file will be shown again after its expiry. Can be true or false value
• playcount -This establishes how many times the file will be shown again. For example, playcount = "2" means that it will be played again twice and after shutdown it will be played again.

Example - 

<iframe width="425" height="344" src="https://www.youtube.com/embed/F9Bo89m2f6g" frameborder="0" allowfullscreen></iframe>

HTML5 video tag

With the introduction of HTML5, the video tag spread rapidly with the help of modern browsers. If after reading all this you still do not have the ability to make your own player using the HTML5 video tag, you can use simple but powerful generator to create a video tag for the player.

The video tag is used to add a video to the html page. At the moment, the HTML5 video tag supports 3 types of video files:

• mp4 - MIME-type video/mp4
• webm - MIME-type video/webm
• ogg - MIME-type video/ogg

Example - 

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

  <source src="/assets_tutorials/media/Shaun-the-Sheep-The-Movie-Official-Trailer.mp4" type="video/mp4">

  <source src="/assets_tutorials/media/Shaun-the-Sheep-The-Movie-Official-Trailer.ogg" type="video/ogg">

Your browser does not support the video tag.

</video>

Share on Google Plus

About It E Research

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.