<rdoc:include file="head.htm" />
<link href="$_dstroot/css/video.css" rel="stylesheet" type="text/css" />
<script src="$_dstroot/js/video.js" type="text/javascript"></script>

<style type="text/css">
	.col-lg-12,
	.col-md-12,
	.col-sm-12 ,
	.col-xs-12 
	{ 
		margin: 0px !important;
		padding: 0px !important;
	}
</style>

<video id="my-video" height="480" style="width: 100%;" class="video-js vjs-default-skin" controls autoplay >
    <source src="$params[playurl]" type="$params[mimetype]">
</video>

<script type="text/javascript">
jQuery(document).ready(function() {
    var player = videojs('my-video');

    $(window).resize(function() {
      var win = $(this);
      var videoWidth = win.width();
      var videoHeight = win.height();

      player.width(videoWidth);
      player.height(videoHeight);

    }).resize();


    player.play();

});
</script>
									
<rdoc:include file="foot.htm" />