Academic Web Blog
Advancing the web for university departments, institutes, and projects
Videois becoming more and more popular as an element of web pages. With thefragmented technology standards, providing video that plays everywherecan be tricky. Fortunately, there's an assortment of solutions availablethat package up all the complexity and provide a single, integratesolution for video that just works.
In my previous post,I explained how CSS's @font-face tag enables designers to use a widerrange of fonts without resorting to font replacement hacks. In thispost, I'll explain the actual code and explore some of the services that make iteasy to expand your web font repertoire.
HTML5includes a handful of new structural elements that are designed to makemarkup more meaningful. You can use these elements today; they don'treally do much, so browsers don't need to explicitly support them. Andit takes only a little trickery to make them work even in IE.
At its purest, the HTML5 video tag is a very simple. To deliver video that plays in Firefox and Safari, however, requires two different video formats, and you still need Flash for IE. Here's the code to make it happen.
Video on the web is a mess. Webstandards have never fully embraced video. Until HTML5, there was novideo element, so the only way to play video was to depend onplatform-specific software. HTML5 provides a video element, but you're going to need to provide video in multiple formats.