<?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");
        $player = make_link('vendor/bower-asset/mediaelement/build/flashmediaelement.swf');

        $width="auto";
        if ($image->width>1) {
            $width = $image->width."px";
        }
        $height="auto";
        if ($image->height>1) {
            $height = $image->height."px";
        }

        $html = "Video not playing? <a href='$ilink'>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=\"$player\">
							<param name=\"movie\" value=\"$player\" />

							<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' poster='$thumb_url' {$autoplay} {$loop} 
					style='height: $height; width: $width; 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));
    }
}