Video doesn't work on iOS

[neilk]

I tried wrapping the FlickrVideoHtml Flash output with <video> and the MP4 source, but surprisingly, Firefox couldn't deal with it.

Seems like there has to be a way to do this correctly; or, in the worst case, test for video support.

Originally, it looked like this:

    x.video( { 'src' => @src, 
               'controls' => 'controls', 
               'preload' => 'none', 
               'poster' => @poster }) { |x| 
      x.object( { 'type' => @@type, 
                  'width' => width, 
                  'height' => height,
                  'data' => @@playerSwf,
                  'classid' => @@classid } ) { |x|
        x.param( { 'name' => 'flashvars', 'value' => flashvars } )
        x.param( { 'name' => 'movie', 'value' => @@playerSwf } )
        x.param( { 'name' => 'bgcolor', 'value' => @@bgcolor } )
        x.param( { 'name' => 'allowFullScreen', 'value' => @@allowfullscreen } )
        x.embed( { 'type' => @@type, 
                   'src' => @@playerSwf, 
                   'bgcolor' => @@bgcolor,
                   'allowfullscreen' => @@allowfullscreen,
                   'flashvars' => flashvars,
                   'width' => width,
                   'height' => height } )
      }
    }

The diff from the original plugin (which is mixed up in an octopress fork): https://github.com/neilk/octopress/commit/d02d12ca8aecdba2c3efb7d3279e08379c5a4b94