Html Codes: Video- Easily Play a Video in Your Web Page

Video is a great feature for websites and make more robust connection with users. HTML5 prepared a tool for playing different video formats. You may be annoyed from playing video before, because of finding a suitable player, but now it is easy, reliable and fast by HTML5 video element. In the following code you can see how we can play a video just by few lines of code. The HTML5 video element supports many events and attributes but they were not included in this example because of simplicity. Although some browsers may not support specific video types, by defining multiple sources, if one fails, it goes automatically to the next format; so the video element becomes browser friendly.

<!-- This Script is from www.html5freecode.com, Coded by: Kerixa Inc-->
<video width="320" height="220" controls autoplay onloadeddata="ply()" id="vid">
	<source src="http://www.html5freecode.com/files/html5-video-element-sample.ogg" type="video/ogg">
	<source src="http://www.html5freecode.com/files/html5-video-element-sample.mp4" type="video/mp4">
</video>
<div style="text-align: left"><br><font face="Tahoma"><br><a target="_blank" href="http://www.html5freecode.com"><span style="font-size: 8pt; text-decoration: none">HTML5 Free Code</span></a></font></div>
<script>
function ply(){
	var vid= document.getElementById('vid')
	vid.play()	
}
</script>

If you don't know how to use this code or need more information Click here!


	You can leave comments once you sign in/up.

HTML5 Best Codes

Html Codes: Video- Easily Play a Video in Your Web Page

You can leave comments once you sign in/up.

Review

Links