shimmie2/ext/handle_video/theme.php

<?php declare(strict_types=1);

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
        $mime = strtolower($image->get_mime());
        $full_url = make_http($ilink);
        $autoplay = $config->get_bool(VideoFileHandlerConfig::PLAYBACK_AUTOPLAY);
        $loop = $config->get_bool(VideoFileHandlerConfig::PLAYBACK_LOOP);
        $mute = $config->get_bool(VideoFileHandlerConfig::PLAYBACK_MUTE);
        $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

        if (MimeType::matches_array($mime, VideoFileHandler::SUPPORTED_MIME)) {
            //FLV isn't supported by <video>, but it should always fallback to the flash-based method.
            if ($mime == MimeType::WEBM) {
                //Several browsers still lack WebM support sadly: https://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 alt='thumb' src=\"{$thumb_url}\" />
						</object>";

            if ($mime == MimeType::FLASH_VIDEO) {
                //FLV doesn't support <video>.
                $html .= $html_fallback;
            } else {
                $autoplay = ($autoplay ? ' autoplay' : '');
                $loop     = ($loop ? ' loop' : '');
                $mute     = ($mute ? ' muted' : '');

                $html .= "
					<video controls class='shm-main-image' id='main_image' alt='main image' poster='$thumb_url' {$autoplay} {$loop} {$mute}
					style='height: $height; width: $width; max-width: 100%; object-fit: contain;'>
						<source src='{$ilink}' type='{$mime}'>

						<!-- 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 '$mime' not recognised";
        }
        $page->add_block(new Block("Video", $html, "main", 10));
    }
}