shimmie2/ext/handle_video/theme.php

<?php

class VideoFileHandlerTheme extends Themelet {
	public function display_image(Page $page, Image $image) {
		global $config;
		$ilink = $image->get_image_link();
		$thumb_url = make_http($image->get_thumb_link()); //used as fallback image
		$ext = strtolower($image->get_ext());
		$full_url = make_http($ilink);
		$autoplay = $config->get_bool("video_playback_autoplay");
		$loop = $config->get_bool("video_playback_loop");

		$html = "Video not playing? <a href='" . $image->parse_link_template(make_link('image/$id/$id%20-%20$tags.$ext')) . "'>Click here</a> to download the file.<br/>";

		//Browser media format support: https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
		$supportedExts = ['mp4' => 'video/mp4', 'm4v' => 'video/mp4', 'ogv' => 'video/ogg', 'webm' => 'video/webm', 'flv' => 'video/flv'];
		if(array_key_exists($ext, $supportedExts)) {
			//FLV isn't supported by <video>, but it should always fallback to the flash-based method.
			if($ext == "webm") {
				//Several browsers still lack WebM support sadly: http://caniuse.com/#feat=webm
				$html .= "<!--[if IE]><p>To view webm files with IE, please <a href='https://tools.google.com/dlpage/webmmf/' target='_blank'>download this plugin</a>.</p><![endif]-->";
			}

			$html_fallback = "
						<object width=\"100%\" height=\"480px\" type=\"application/x-shockwave-flash\" data=\"lib/vendor/swf/flashmediaelement.swf\">
							<param name=\"movie\" value=\"lib/vendor/swf/flashmediaelement.swf\" />

							<param name=\"allowFullScreen\" value=\"true\" />
							<param name=\"wmode\" value=\"opaque\" />

							<param name=\"flashVars\" value=\""
								. "controls=true"
								. "&autoplay=" . ($autoplay ? 'true' : 'false')
								. "&poster={$thumb_url}"
								. "&file={$full_url}"
								. "&loop=" . ($loop ? 'true' : 'false') . "\" />
							<img src=\"{$thumb_url}\" />
						</object>";

			if($ext == "flv") {
				//FLV doesn't support <video>.
				$html .= $html_fallback;
			} else {
				$autoplay = ($autoplay ? ' autoplay' : '');
				$loop     = ($loop ? ' loop' : '');

				$html .= "
					<video controls class='shm-main-image' id='main_image' alt='main image' {$autoplay} {$loop} style='max-width: 100%'>
						<source src='{$ilink}' type='{$supportedExts[$ext]}'>

						<!-- If browser doesn't support filetype, fallback to flash -->
						{$html_fallback}
					</video>
					<script>$('#main_image').prop('volume', 0.25);</script>
				";
			}

		} else {
			//This should never happen, but just in case let's have a fallback..
			$html = "Video type '$ext' not recognised";
		}
		$page->add_block(new Block("Video", $html, "main", 10));
	}
}