Improved error displays

moay · Sep 25, 2017 · 659f22a · 659f22a
1 parent 203a701
commit 659f22a
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 7 deletions.
diff --git a/dist/afterglow.min.js b/dist/afterglow.min.js
diff --git a/dist/afterglow.zip b/dist/afterglow.zip
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "afterglowplayer",
   "description": "An easy to integrate HTML5 video player with lightbox support.",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "license": "MIT",
   "repository": {
     "type": "git",

diff --git a/sandbox/index.html b/sandbox/index.html
@@ -37,7 +37,7 @@ <h2>Youtube video</h2>
 
 	<!-- LOCAL TEST -->
 	<h2>Local video, single source, with poster and bound play event</h2>
-	<video id="video2" class="afterglow" width="1920" height="1080" poster="http://afterglowplayer.com/sandbox/video/Snapshots/afterglow_local.jpg" preload="none" src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local.mp4"></video>
+	<video id="video2" class="afterglow" width="1920" height="1080" poster="http://afterglowplayer.com/sandbox/video/Snapshots/afterglow_local.jpg" preload="none" src="http://afterglowplayer.com/sandbox/video/afterglow_local.mp4"></video>
 
 	<!-- LOCAL TEST -->
 	<h2>Local video with poster and resolution test, dark skin</h2>

diff --git a/src/less/skins/afterglow-default.less b/src/less/skins/afterglow-default.less
@@ -965,6 +965,15 @@
 		color: #F4A460;
 	}
 
+	&.vjs-error{
+
+
+		.vjs-fullscreen-control {
+
+			display:none;
+		}
+	}
+
 	/* Loading Spinner
 	--------------------------------------------------------------------------------
 	*/
@@ -1388,6 +1397,36 @@
 		}
 	}
 
+	.vjs-error-display{
+		&:before{    
+		    content: '';
+		    width: 100px;
+		    width: 10vh;
+		    height: 100px;
+		    height: 10vh;
+		    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4Ij4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJNNjQuNSwxMjIuNmMzMiwwLDU4LjEtMjYsNTguMS01OC4xUzk2LjUsNi40LDY0LjUsNi40UzYuNCwzMi41LDYuNCw2NC41UzMyLjUsMTIyLjYsNjQuNSwxMjIuNnogTTY0LjUsMTQuNiAgICBjMjcuNSwwLDQ5LjksMjIuNCw0OS45LDQ5LjlTOTIsMTE0LjQsNjQuNSwxMTQuNFMxNC42LDkyLDE0LjYsNjQuNVMzNywxNC42LDY0LjUsMTQuNnoiIGZpbGw9IiNGRkZGRkYiLz4KICAgICAgPHBhdGggZD0ibTQyLjcsODUuN2MwLjgsMC44IDEuOCwxLjIgMi45LDEuMnMyLjEtMC40IDIuOS0xLjJsMTYtMTYgMTYsMTZjMC44LDAuOCAxLjgsMS4yIDIuOSwxLjJzMi4xLTAuNCAyLjktMS4yYzEuNi0xLjYgMS42LTQuMiAwLTUuOGwtMTYtMTYgMTYtMTZjMS42LTEuNiAxLjYtNC4yIDAtNS44cy00LjItMS42LTUuOCwwbC0xNiwxNi0xNi0xNmMtMS42LTEuNi00LjItMS42LTUuOCwwLTEuNiwxLjYtMS42LDQuMiAwLDUuOGwxNiwxNi0xNiwxNmMtMS42LDEuNi0xLjYsNC4yLTEuNDIxMDllLTE0LDUuOHoiIGZpbGw9IiNGRkZGRkYiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
+		    background-size: cover;
+		    margin-top: -50px;
+		    margin-top: -5vh;
+		    margin-left: -50px;
+		    margin-left: -5vh;
+		    top: 40%;
+		    left: 50%;
+		}
+
+		.vjs-modal-dialog-content{
+			width: 80%;
+		    margin: 0 auto;
+		    font-family: 'Open Sans';
+		    font-weight: 100;
+		    position: absolute;
+		    bottom: 20%;
+		    height: auto;
+		    top: auto;
+		    font-size: 2vh;
+		}
+	}
+
 }