Online Training for Asp.net MVC Web Designing Development, MS SQL, Digital Marketing

HTML5 <video> Tag

Adding a video to any webpage is single element, as easy as adding an image. You don’t need to write any complicated markup for plug-ins Adding Single Video
<video autoplay="autoplay" src="~/sound/dance.mp4" controls="controls" >
</video>


Adding Multiple Videos
<video width="320" height="240" autoplay="autoplay" controls="controls" loop="loop">
<source src="~/sound/dance.mp4" >
<source src="~/sound/dance2.mp4">
</video>


Here are few important attributes for video
attribute description
src this property is for setting up the file source, like source src="~/suound/file1.mp3"
autoplay autoplay="autoplay", This Boolean attribute specifies that if the video will automatically start playing, the value is "autoplay" which means "true".
controls controls="controls", Indicates browsers will display the control, that will allow the user to control video play/pause, volume etc.
loop loop="loop", Indicates that video will automatically start over again
muted muted="muted", if the property value set to muted then, then the audio will be muted when loaded for the first time


Implementing video in HTML5 is as simple as image, is just one element in Html5


 
HTML5 Video Tag

Group Training