sleek html5 video player. eagerly looking forward to firefox and ie flash fallback support.
The
Palm
Civet
Posts tagged html5
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}
compiling and sharing code, ideas, and tools for making better websites and applications.
by justin talbott {email me}