Smart CSS

Page 32

HTML5 Multimedia (Video & Audio) The HTML5 native multimedia support got rid of the painful <object> tags and its parameter hassles. Now all that you need to embed a multimedia object onto your webpage is literally THREE lines of code.

<video width=”640” height=”320” controls=”controls”> <source src=”filename.mp4” type=”video/mp4” /> </video> and you are done!!!! (The controls parameter, if not present, the PLAY, PAUSE, VOLUME controls are not displayed) I don’t think I write the markup for the audio tag. The only difference is that you needn’t specify the width and height.

Browser Internet Explorer 9 and above Mozilla Firefox 4.0 and above Google Chrome 6 and above Apple Safari 5 and above Opera 11 and above

Video format support .mp4 .webM .ogg Yes No No No Yes Yes Yes Yes Yes Yes No No No Yes Yes

Audio format support .mp3 .wav .ogg Yes No No No Yes Yes Yes Yes Yes Yes Yes No No Yes Yes

This eventually aims at removing the Adobe Flash from the face of web video.


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.