The
Palm
Civet

a nice explanation of how to support html5 audio and flash in the same markup. embedding <object> within <audio> doesn’t work as hoped, due to firefox complaining about MP3 being patent-encumbered. the solution? swap the nesting of the <object> and <audio> tags =>

<object data="/swf/flashplayer.swf?audio=file.mp3">
  <param name="movie" value="/swf/flashplayer.swf?audio=file.mp3" />
  <audio controls src="file.mp3">
    <a href="file.mp3">download</a>
  </audio>
</object>

appendix a of mark pilgrim’s dive into html5. no hanky-panky here, just quick javascript bits to test if the browser you’re working in can handle a certain html5 element or attribute.

another shocking example of the creative powers of html5 video + canvas.

{via}

sleek html5 video player. eagerly looking forward to firefox and ie flash fallback support.

want to use javascript to create images and graphs with html5’s sexy <canvas> element? cool, but internet explorer doesn’t support it? slap this canvas to vml converting library in your head. done.

videoize is a simple jQuery plugin that i wrote for easily creating html 5 video tags for capable browsers, with a fallback option for either flash or quicktime. videoize is a stand alone plugin that includes a minified version of the excellent jQuery SWFObject plugin for embedding flash objects.

to call videoize, simply include the jQuery file and in your $(document).ready function call. videoize comes with the following options and override-able defaults =>

$("#videoize").videoize({
	// location of the mp4 video file
	mp4: "", 
	// location of the ogv file for firefox
	ogg: "",
	// location of the flash video player
	flashplayer: "player.swf",
	// location of video poster image
	poster: "",
	// video height
	height: "480",
	// video width
	width: 	"720",
	// autoplay video
	autoplay: false,
	// show video controls
	controls: true,
	// if set to true, the fallback player will be quicktime, not flash
	quicktime: false
});

modernizer is a small javascript library that helps you take advantage of css3 and html5, while providing a back door for easily supporting older browsers.

with the release of firefox 3.5, the exciting reality of html5 <video> is really ramping up. kroc camen has his eyes right on this ball of change by putting together a test page that takes advantage of html5 browsers by using their built in video control capabilities, but also gracefully falls back to a flash player solution for the non-hip ones.

if you are unfamiliar with firefox’s .ogv format as i was, gruber pointed out a simple command line tool for osx called ffmpeg2theora.

update: taylan pince created a simple gui wrapper for ffmpeg2theora called oggifier for those who would rather not type in the commands. the best part is it taps into the sparkle framework for automatic updates.

{via}

the future is finally coming for modern day browsers - video embedded in html (no flash/quicktime player needed), with css styling. check it out in safari 4 or webkit.

{via}