<?php include('db.php'); ?>
<span style='font-family: Arial, Helvetica, sans-serif;'><strong>Currently Viewing: <?php echo strip_tags($_GET['filename']); ?></strong></span>
<?php if ($_GET['filename']) { ?>
    <?php $defaultFile = $basehttp . "/content/" . $_GET['filename']; ?>
    <script src="<?php echo $basehttp; ?>/includes/fluidplayer/fluidplayer.min.js"></script>
    <link href="<?php echo $basehttp; ?>/includes/fluidplayer/fluidplayer.min.css" rel="stylesheet">
    <video id="thisPlayer">
        <source src="<?php echo $defaultFile; ?>" type='video/mp4'>
    </video>
    <script type="text/javascript">
	 $().ready(function() {
            var myFluidPlayer = fluidPlayer('thisPlayer', {
                layoutControls: {
                    autoPlay: true,
                    playbackRateEnabled: false,
                    playButtonShowing: true,
                    playPauseAnimation: true,
                    allowTheatre: true,
                    controlBar: {
                        autoHide: true, // Default false
                        autoHideTimeout: 3, // Default 3
                        animated: true // Default true
                    },
                }
            });
	});
    </script>
    <style>
        #thisPlayer { 
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
        }
        #fluid_video_wrapper_thisPlayer {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100% !important;
            height: 100% !important;
        }
        .fluid_timeline_preview_container { 
            border: none !important;
        }
    </style>
<?php
    } else {
        echo "An error has occured";
    }
    
    exit();