From 1a21975a5524403f597aae7207f0a9b1ad5af3ab Mon Sep 17 00:00:00 2001
From: Lorenzo Giacomelli <l.giacomelli@asdynamics.it>
Date: Mon, 3 Apr 2017 13:21:13 +0200
Subject: [PATCH] caricamento fix video preload

---
 .../lib/media/mediaRenderers/MediaLocalVideo.php |  7 ++++---
 public/articolo.php                              | 11 +++++++++++
 public/index.php                                 | 12 ++++++++++++
 public/js/init.js                                | 14 ++++++++++++++
 public/mobile/style/public.css                   | 16 +++++++++++++++-
 public/style/public.css                          |  4 +++-
 6 files changed, 59 insertions(+), 5 deletions(-)

diff --git a/private/lib/media/mediaRenderers/MediaLocalVideo.php b/private/lib/media/mediaRenderers/MediaLocalVideo.php
index 5d07fb7..2b6326e 100644
--- a/private/lib/media/mediaRenderers/MediaLocalVideo.php
+++ b/private/lib/media/mediaRenderers/MediaLocalVideo.php
@@ -13,9 +13,10 @@ class MediaLocalVideo extends MediaRenderer{
 			$size = self::$SIZES[$opt["size"]];
 		}
 		
-		return '<video width="'.$size["width"].'" height="'.$size["height"].'" preload="auto" controls >'.
-					'<source src="'.$this->getVideoLink($size).'" type="video/'.$this->getExtension().'" >'.
-				'</video>';
+		return '<div style="display:inline-block;" class="videoContainerForImageAppend"><video width="'.$size["width"].'" height="'.$size["height"].'" poster="data:image/gif,AAAA" preload="auto" controls >'.
+					'<source src="'.$this->getVideoLink($size).'"   type=\'video/'.$this->getExtension().'; codecs="avc1.4D401E, mp4a.40.2"\'>'.
+				'</video></div>';
+		
 	}
 	
 	public function render(array $opt = array()){
diff --git a/public/articolo.php b/public/articolo.php
index 9822ebe..b406550 100644
--- a/public/articolo.php
+++ b/public/articolo.php
@@ -409,7 +409,18 @@ if(sizeof($medias)>0){
 ?>
 
 	$(document).ready(function(event){
+// 		$("video").on('loadstart',function (event){
+// 			var wid = $(this).innerWidth();
+// 			$(".videoContainerForImageAppend").append('<img src="images/loading.gif" class="poster" style="width:'+ wid +'px;background-color:black;"/>')
+// 			$(this).hide();
+// 		});
 
+// 		$("video").on('canplay',function (event){
+// 			$(".poster").hide();
+// 			$(this).show();
+// 			$(this).get(0).play();
+// 		});
+		
 		$("#submit").click(function (){
 // 			$("form#commentoForm").submit(function (){
 				$.ajax({
diff --git a/public/index.php b/public/index.php
index c5cacd7..f838c96 100644
--- a/public/index.php
+++ b/public/index.php
@@ -446,3 +446,15 @@ catch (Exception $ex){
 		GUIHandler::generateGoogleAnalyticsScripts();
 	?>
 </div>
+<script type="text/javascript">
+	$(document).ready(function(){
+		$("video").on('loadstart',function (event){
+			$(this).addClass("loading");
+		});
+
+		$("video").on('canplay',function (event){
+			$(this).removeClass("loading");
+			$(this).attr('poster','');
+		});
+	});
+</script>
\ No newline at end of file
diff --git a/public/js/init.js b/public/js/init.js
index 9c19180..5552be9 100644
--- a/public/js/init.js
+++ b/public/js/init.js
@@ -2,4 +2,18 @@ Highcharts.setOptions({
     global : {
         useUTC : false
     }
+});
+
+$(document).ready(function(event){
+	$("video").on('loadstart',function (event){
+		var wid = $(this).innerWidth();
+		$(".videoContainerForImageAppend").append('<img src="images/loading.gif" class="poster" style="width:'+ wid +'px;background-color:black;"/>')
+		$(this).hide();
+	});
+
+	$("video").on('canplay',function (event){
+		$(".poster").hide();
+		$(this).show();
+//			$(this).get(0).play();
+	});
 });
\ No newline at end of file
diff --git a/public/mobile/style/public.css b/public/mobile/style/public.css
index 467e8a1..f3a794b 100644
--- a/public/mobile/style/public.css
+++ b/public/mobile/style/public.css
@@ -283,4 +283,18 @@ CATEGORY SUMMARY
 .middleBanner img {
     height: 100%;
     width: 100%;
-}
\ No newline at end of file
+}
+
+/**
+	DISABILITAZIONE TASTO DOWNLOAD DAL PLAYER VIDEO
+*/
+
+video::-internal-media-controls-download-button {
+    display:none;
+}
+
+video::-webkit-media-controls-enclosure {
+    overflow:hidden;
+}
+
+video.loading{background:black url(../images/loading.gif) center center no-repeat;}
\ No newline at end of file
diff --git a/public/style/public.css b/public/style/public.css
index 73999f5..90c8af7 100644
--- a/public/style/public.css
+++ b/public/style/public.css
@@ -621,4 +621,6 @@ video::-internal-media-controls-download-button {
 
 video::-webkit-media-controls-enclosure {
     overflow:hidden;
-}
\ No newline at end of file
+}
+
+video.loading{background:yellow url(../images/loading.gif) center center no-repeat;}
\ No newline at end of file