Camen Design Forum

Hi I'm Kroc Camen--Ask Me Anything

Martijn

@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&amp;image=__POSTER__.JPG&amp;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.

Append

(Leave this as-is, it’s a trap!)

Only the original author or a moderator can append to this post.

Pro tip: Use markup to add links, quotes and more.

Your friendly neighbourhood moderators: Kroc, Impressed, Martijn