@james:
~~~ HTML ~~~>
<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
<param name="movie" value="__FLASH__.SWF" />
<param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
<video width="640" height="360" controls>
<source src="__VIDEO__.MP4" type="video/mp4" />
<source src="__VIDEO__.OGV" type="video/ogg" />
<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
title="No video playback capabilities, please download the video below" />
</video>
</object>
<p> <strong>Download Video:</strong>
Closed Format: <a href="__VIDEO__.MP4">"MP4"</a>
Open Format: <a href="__VIDEO__.OGV">"Ogg"</a>
</p>
<~~~
I’ve simply taken the code as Kroc wrote it (camendesign.com/…) and have moved the VIDEO element to where the fallback image was, inside the Flash OBJECT. I then moved the IMG to inside the VIDEO element.
It’s untested but this should make for a OBJECT->VIDEO->IMG fallback chain.