New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
HTML5 - Audio/Video Encoding
1. Page 1
HTML5 : Audio/Video Encoding.
Playing Youtube Video
By- Namrata Thakare
2. Page 2
Introduction
• HTML5 came out in January 2008.
• W3C and the WHATWG are in charge of
developing HTML5.
• Introduced number of new tags.
• HTML5 has support from major websites.
3. Page 3
HTML5 includes :
• New Elements
• New Attributes
• Full CSS3 Support
• Video and Audio
• 2D/3D Graphics
• Web Applications
5. Page 5
Audio Encoding
<audio controls>
<source src=“vid1.ogg“ type="audio/ogg">
<source src=“vid1.mp3“ type="audio/mpeg">
Your browser does not support the audio
element.
</audio>
6. Page 6
Video Encoding
<video width="320" height="240" controls>
<source src="mov.mp4“ type="video/mp4">
<source src="mov.ogg" type="video/ogg">
Your browser does not support the video
tag.
</video>
7. Page 7
Playing Youtube Videos
<video width="1000" height="500"
controls="controls">
<source src="**Youtube Video Link Goes
here**" type="video/mp4" />
</video>
8. Page 8
Browser Compatibility
• Video :
Internet Explorer 9+, Firefox, Opera,
Chrome
• Audio:
Internet Explorer
9+, Firefox, Opera, Chrome, and Safari
9. Page 9
Conclusion
• The HTML5 is quickly finding its way into
all of the modern browsers.
• Elements in HTML5 have minimized the
scripting in huge extent.
• Audio and video samples have become
very easy to encode in the web page.