first commit

wp-content/plugins/wp-file-download-light/app/site/views/frontviewer/tpl/default.php

@@ -0,0 +1,107 @@
+<?php
+/**
+ * WP File Download
+ *
+ * @package WP File Download
+ * @author Joomunited
+ * @version 1.0
+ */
+
+// No direct access.
+defined( 'ABSPATH' ) || die();
+
+?>
+
+<div id="wpfdViewer"> 
+<?php if($mediaType=='image') { ?>
+<img src="<?php echo $downloadLink;?>" alt="" title="" /> 
+<?php } else if($mediaType=='video') { ?>
+    <video  width="100%" height="100%" src="<?php echo $downloadLink;?>" type="<?php echo $mineType;?>" class="mejs-player"  data-mejsoptions='{"alwaysShowControls": true}' 
+           id="playerVid" controls="controls" preload="auto" autoplay="true">
+        <source type="<?php echo $mineType;?>" src="<?php echo $downloadLink;?>"/> 
+         Your browser does not support the <code>video</code> element.
+    </video>
+<?php } else if($mediaType=='audio') { ?>
+      <audio src="<?php echo $downloadLink;?>" type="<?php echo $mineType;?>" 
+	id="playerAud" controls="controls" preload="auto" autoplay="true"></audio>
+<?php } ?>
+</div>
+<script  type="text/javascript">
+jQuery(document).ready(function($){      
+   var w = $('#wpfdViewer').width(); 
+   var h = $('#wpfdViewer').height();   
+   var vid = document.getElementById("playerVid");
+   var aud = document.getElementById("playerAud");
+   if(vid !== null) {         
+        vid.onloadeddata = function() {
+             // Browser has loaded the current frame 
+             var vW = $(vid).width();
+             var vH = $(vid).height();
+            
+            if(vH > h ) {
+                newH = h - 10;
+                newW = newH/vH* vW ; 
+                $(vid).attr('width', newW).attr('height',newH);
+                $(vid).width( newW);
+                $(vid).height(newH);
+
+                $(".mejs-video").width(newW);
+                $(".mejs-video").height(newH);
+
+                var barW = newW - 150;
+                $(".mejs-time-rail").width(barW).css('padding-right','5px');
+                $(".mejs-time-total").width(barW);
+            }
+
+         };
+         
+    }
+   
+   $('video,audio').mediaelementplayer(/* Options */);
+ 
+});
+</script>
+
+<style>
+.wpfdviewer::before {
+        content: none;
+}
+#wpfdViewer {
+   text-align: center;    
+   position: absolute;
+   top:0;
+   bottom: 0;
+   left: 0;
+   right: 0;
+   height: 100%;
+}
+#wpfdViewer img {
+    max-width: 100%;
+    height: auto;
+    max-height: 100%;
+}
+#wpfdViewer audio, #wpfdViewer video {    
+    display: inline-block;
+}
+#wpfdViewer .mejs-container {
+    margin: 0 auto;
+    max-width: 100%;
+}
+#wpfdViewer video {
+  width: 100%    !important;
+  max-width: 100%;
+  height: auto   !important;
+  max-height: 100%  !important;
+} 
+#wpfdViewer .mejs-container.mejs-video {
+    margin: 0 auto;
+}
+
+#wpfdViewer .mejs-container.mejs-audio{    
+    top: 50%;
+    margin-top: -15px;
+}
+.wpfdviewer #wpadminbar {
+    display: none;
+}
+</style>    

wp-content/plugins/wp-file-download-light/app/site/views/frontviewer/view.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * WP File Download
+ *
+ * @package WP File Download
+ * @author Joomunited
+ * @version 1.0
+ */
+
+use Joomunited\WPFramework\v1_0_4\View;
+use Joomunited\WPFramework\v1_0_4\Utilities;
+use Joomunited\WPFramework\v1_0_4\Factory;
+use Joomunited\WPFramework\v1_0_4\Form;
+use Joomunited\WPFramework\v1_0_4\Application;
+defined( 'ABSPATH' ) || die();
+
+class wpfdViewFrontviewer extends View {
+    public function render($tpl = null) {
+              
+        $model = $this->getModel('file');
+        $id = Utilities::getInt('id');
+        $catid = Utilities::getInt('catid');             
+        $ext  =   Utilities::getInput('ext','GET','string');             
+        $this->mediaType =   Utilities::getInput('type','GET','string');  
+        
+        $app = Application::getInstance('wpfd') ;
+        $this->downloadLink= $app->getAjaxUrl().'&task=file.download&wpfd_file_id='.$id.'&wpfd_category_id='.$catid.'&preview=1';                             
+        $this->mineType = wpfdHelperFile::mime_type($ext);
+        
+        wp_enqueue_style('wpfd-mediaelementplayer', plugins_url( 'app/site/assets/css/mediaelementplayer.min.css' , WPFDL_PLUGIN_FILE ),array(),WPFDL_VERSION);
+        wp_enqueue_script('wpfd-mediaelementplayer', plugins_url( 'app/site/assets/js/mediaelement-and-player.js' , WPFDL_PLUGIN_FILE ),array(),WPFDL_VERSION);
+      
+        parent::render($tpl); die();
+    }
+}