HTML5 Video Player Tutorial

HTML5 Video Player Tutorial

HTML5 has introduced new element to stream media directly into the browser without any need of plugins like Flash player or SilverLight plugins. But now in HTML5, end user need not require to download third party plugins like flash player. It has introduced a new element called Video and it's very clean as compare to object element in previous versions.Here in this tutorial we will see how to get started with Video player supported in HTML5.

Almost all modern browsers are supporting this Video player Tag.

You may noticed that how clean tag it is as compared to embedding flash player.

HTML5 Video element source

<!doctype html>
<html>
<title>
Welcome to HTML5 video tutorial.
</title>
<body>

<video width="500" height="500" controls="controls" autoplay>
<source src="movie.mp4" type="video/mp4">
</source>

Your broser is not supporting HTML5 contents.
</video>

</body>
</html>

Tags:

HTML5 audio player tutorialHTML5 TutorialBasic HTML5 TagsVideocon D2HHTML5 With DataBaseYouTube Transcript FileJquery CallBack TutorialHTML5 Slider control and JavaScriptHtml5 Doctype HeaderASP.net HTML5 Generate Article TagVideo Asp.net

Author

My name is Satalaj, but people call me Sat. Here is my homepage: . I live in Pune, PN and work as a Software Engineer. I'm former MVP in ASP.net year 2010.
Disclaimer: Views or opinion expressed here are my personal research and it has nothing to do with my employer. You are free to use the code, ideas/hints in your projects. However, you should not copy and paste my original content to other web sites. Feel free to copy or extend the code.
If you want to fight with me, this website is not for you.
 

I'm Satalaj.