HTML5 Video Element Autobuffers

John Gruber at Daring Fireball says that HTML5 video element, always autobuffers on Safari, Chrome, and Firefox. Any videos on the page will start downloading right away, regardless of the "autobuffer" attribute's setting. HTML5 spec defines an autobuffer attribute for video and other media elements. “What you see upon page load is a poster frame […]

John Gruber at Daring Fireball says that HTML5 video element, always autobuffers on Safari, Chrome, and Firefox. Any videos on the page will start downloading right away, regardless of the "autobuffer" attribute's setting. HTML5 spec defines an autobuffer attribute for video and other media elements. “What you see upon page load is a poster frame (a still image), then you (the user) click the poster frame to actually download and watch the video, when used <embed>tag. It now has a new significant problem: it doesn’t work at all in Chrome (at least on the Mac). So I’ve been paying attention to new <video> element in HTML5. In short, it attempts to make embedding a video in a web page just as easy markup-wise as embedding an image with the <img> tag. (Likewise for audio with the new <audio> element.)

&lt;video height="475" width="407" controls poster="iphoneguide-mac.png"&gt;<br />&lt;source src="iphoneguide-mac.mp4" type="video/mp4" /&gt;<br />&lt;source src="iphoneguide-mac.ogv" type="video/ogg" /&gt;<br />&lt;/video&gt;

More info: Daring Fireball

About The Author

Deepak Gupta is a IT & Web Consultant. He is the founder and CEO of diTii.com & DIT Technologies, where he's engaged in providing Technology Consultancy, Design and Development of Desktop, Web and Mobile applications using various tools and softwares. Sign-up for the Email for daily updates. Google+ Profile.