KoderyBeta

HTML5 Video with Fallback

Category: bbPress - Owner: PaulDavis - Owner ID: 1

Falls back to Flash (sigh), but better than no video.

http://camendesign.com/code/video_for_everybody

<video width="640" height="360" controls preload="none">
	<!-- MP4 must be first for iPad! -->
	<source src="__VIDEO__.MP4" type="video/mp4" /><!-- WebKit video    -->
	<source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox / Opera -->
	<!-- fallback to Flash: -->
	<object width="640" height="384" type="application/x-shockwave-flash" data="__FLASH__.SWF">
		<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
		<param name="movie" value="__FLASH__.SWF" />
		<param name="flashvars" value="image=__POSTER__.JPG&file=__VIDEO__.MP4" />
		<!-- fallback image. note the title field below, put the title of the video there -->
		<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
		     title="No video playback capabilities, please download the video below" />
	</object>
</video>