HTML5 is currently under development as the next major revision of the html standard. Like its immediate predecessors, HTML 4.01 and XHTML 1.1, HTML5 is a standard for structuring and presenting content on the World Wide Web. The new standard incorporates features like video playback and drag and drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears. Developers using Html5 have a couple of new features available to them thanks to html5, some of the features include video and audio native streaming.
Html5 Video
Html now has new tags for developers to play with, but the one we will be covering here is the video tag.
<video src="movie.ogg" controls="controls">
your browser does not support the video tag
</video>
There is a lot of tutorials and support relating to html5 video.
Html5 video currently supports ogg and mp4 but, depending on the browser, you can use any video type. Right now firefox only supports ogg because the video type must be open source and free to use for firefox to use.
Websites like Vimeo, Youtube and Dailymotion provide an alternative to watching video with flash.
You might be asking what is the advantage of using html5 video instead of flash?
Well the main advantage is if you leave the webpage after the video has buffered and then you come back to the page, the video will already be buffered unlike flash.
The main disadvantage is that html video formats are not full compatible with different browsers(eg. firefox)
Whats quite cool is each internet browser has a unique video player skin with some similar features.
The tags are really easy to use, to add controls simply add controls="controls" or to loop add loop="loop"
autoplay="autoplay", preload="preload" and the normal height and width.
Html5 Audio
Html5 audio is nearly the exact same as html5 video, the main difference is one plays only audio and video plays both.
<audio src="sound.ogg" controls="controls">
your browser does not support the audio tag
</audio>
Html5 audio works with ogg, mp3 and wav.
Please note that different browsers have different support features, in the future this should not be a problem.
Html5 audio works with loop="loop", autoplay="autoplay", preload="preload" and controls="controls".
Html5 and Javascript
What makes html5 video and audio really cool is it is fully compatible with javascript, because of this developers have made custom html5 video and audio players which are really impressive here is one hereHtml5 other features
There are a load of new tags which really do help make Html easier to read and structure. Tags like <mark> are very useful for marking text, the alternative is <font> or <label> which have nearly the same effect on the text. The developers working on html5 decided to add tags called <header>, <footer> which are incredibly useful if you are structuring your html5 page, it definitely makes the html easier to read. W3schools has a list of all the new tags available . Some tags have been dropped because they are not required, some examples of these tags are <noframes>, <s> or <strike>. There are alternatives for these tags such as features in Css.Html5 Doctype
Because html5 is still under development, you will have to declare you are using html5 to help the internet browsers understand what html version you are using. Right now the standard is html 4.01. The future standard for html will be a doctype at the top of the page which html5 uses. Below is the code: <!DOCTYPE HTML> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>Conclusion
There is a lot of html5 reference online. Html5 looks very impressive and there is a lot of new features available such as the video tag. It looks like the internet is changing fast, finally there is an alternative to using flash video. Most of the features you have been introduced to are now available for developers to use.HTML5 is currently under development as the next major revision of the HTML standard. Like its immediate predecessors, HTML 4.01 and XHTML 1.1, HTML5 is a standard for structuring and presenting content on the World Wide Web. The new standard incorporates features like video playback and drag and drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears. Developers using Html5 have a couple of new features available to them thanks to html5, some of the features include video and audio native streaming.Html5 Video
Html now has new tags for developers to play with, but the one we will be covering here is the video tag.
<video src="movie.ogg" controls="controls">
your browser does not support the video tag
</video>
There is a lot of tutorials and support relating to html5 video.
Html5 video currently supports ogg and mp4 but, depending on the browser, you can use any video type. Right now firefox only supports ogg because the video type must be open source and free to use for firefox to use.
Websites like Vimeo, Youtube and Dailymotion provide an alternative to watching video with flash.
You might be asking what is the advantage of using html5 video instead of flash?
Well the main advantage is if you leave the webpage after the video has buffered and then you come back to the page, the video will already be buffered unlike flash.
The main disadvantage is that html video formats are not full compatible with different browsers(eg. firefox)
Whats quite cool is each internet browser has a unique video player skin with some similar features.
The tags are really easy to use, to add controls simply add controls="controls" or to loop add loop="loop"
autoplay="autoplay", preload="preload" and the normal height and width.
Html5 Audio
Html5 audio is nearly the exact same as html5 video, the main difference is one plays only audio and video plays both.
<audio src="sound.ogg" controls="controls">
your browser does not support the audio tag
</audio>
Html5 audio works with ogg, mp3 and wav.
Please note that different browsers have different support features, in the future this should not be a problem.
Html5 audio works with loop="loop", autoplay="autoplay", preload="preload" and controls="controls".
