<!DOCTYPE html>
<html>
<head>
    <title>{$name}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta http-equiv="imagetoolbar" content="no">
    <meta name="generator" content="{$appname}"/>
    <meta name="author" content="{$author}">
    <meta name="copyright" content="{$copyright} ({$homepage})">
    <meta name="description" content="{$description}"/>

	<link href="player/mediaplayer.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="player/mediaplayer.js"></script>
	{$flash_open_comment}
	<script type="text/javascript">
		_V_.options.flash.swf = "player/mediaplayer.swf";
	</script>
	{$flash_close_comment}
</head>

<body>
<div align="center"><font size="5" color="blue"><strong>{$name}</strong></font></div>

<div align="center">
	<video id="video_containter" class="video-js vjs-default-skin" controls preload="none" width="{$width}" height="{$height}" poster="{$image}" data-setup="{}">
		<source src="{$video_file}" type="video/{$video_format}" />
		{$caption_open_comment}
		<track kind="captions" src="{$caption_file}" srclang="{$language}" label="{$language_name}" />
		{$caption_close_comment}
	</video>
	{$flash_open_comment}
	<div id="video_alt">You need <a href="http://get.adobe.com/flashplayer">Flash Player</a> to view this video.</div>
	{$flash_close_comment}
</div>

<script type="text/javascript">
	//remove alternative content when player ready
	_V_("video_containter").ready(function(){
		var element = document.getElementById("video_alt");
		element.parentNode.removeChild(element);
	});
</script>


</body>
</html>
