HTML5 introduces new elements like audio and video that allow embedding audio and video in web pages without requiring additional plugins. It provides audio and video tags that support different file formats to ensure compatibility across browsers. The document demonstrates how to use these new audio and video tags, and shows code for embedding a YouTube video directly in a web page to play it. It also discusses the browser compatibility of HTML5 audio and video.

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

4. Page 4
Audio and Video Encoding

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.

10. Page 10
Thank You