published over 2 years ago (11.07.2009 12:12)

Cross-browser video support with HTML 5

Embedding video is easy in HTML 5, use the native <video> tag. Firefox 3.1+, Safari 4+ and Google Chrome (Windows) already have experimental support for it.

The HTML 5 spec does not specify which video format and codec should be used, so naturally ;-) the browser vendors have picked different formats. Getting videos to play cross-browser still is no problem, since the <video> tag can contain more than one source. So give an ogg and a quicktime version of the video, and all browsers currently supporting the <video> tag will be happy.

Example

The code
<video controls width="320" height="240">

  <!-- Firefox 3.1+, Google Chrome -->
  <source src="/files/swiss.ogg" type="video/ogg">

  <!-- Safari 4+, Google Chrome -->
  <source src="/files/swiss.mov" type="video/quicktime">

  <!-- All others (including Internet Explorer and Opera) -->
  Sorry, your browser doesn't seem to support the <code>video</code> element.

</video>
How to create the video formats (OS X)

Easy. Use Quicktime Player’s export feature (File > Export). But first get the xiph Quicktime Components to add .ogg support to Quicktime.

Posted in ,  | Tags , , ,  | no comments | no trackbacks

published over 3 years ago (28.02.2009 10:24)

Bathtub IV

Bathtub IV

What a sweet video, what a sweet song! Best watched fullscreen.


Bathtub IV from Keith Loutit on Vimeo.

Metal heart

this one’s pretty cool, too!


Metal Heart from Keith Loutit on Vimeo.

Posted in ,  | Tags , ,  | no comments | no trackbacks

published over 3 years ago (28.07.2008 21:56)

Oh Carol (1969)

Update: dammit, they took the video down! here’s a hilarious one from 1964, though.

Recorded at Madison Square Garden in 1969.

Posted in  | Tags ,  | no comments | no trackbacks

published over 3 years ago (20.07.2008 00:38)

finally flash is being put to good use!

Posted in  | Tags , , ,  | no comments | no trackbacks

published over 5 years ago (20.09.2006 21:59)

aphex twin is alive and well at youtube


a warning, in case you hadn’t noticed: some of this stuff is really dark & twisted.

- [windowlicker](http://www.youtube.com/watch?v=HCjwr0YG7ow) - [come to daddy](http://www.youtube.com/watch?v=5Az_7U0-cK0) - [rubber johnny](http://www.youtube.com/watch?v=gJUChQSDmsM) (thoughts of [eraserhead](http://en.wikipedia.org/wiki/Eraserhead) come to mind) - flex [pt 1](http://www.youtube.com/watch?v=QnvmcRbiwm8),

- [monkey drummer](http://www.youtube.com/watch?v=u1ZGIrNf71Q)

all of these were by aphex twin & chris cunningham.

and for some comic relief:
visit osama and the family guy, or, even lighter, monty pythons legendary dead parrot sketch!

Posted in , ,  | Tags , , , ,