Prevent poster being downloaded twice

Conflicts:
	dist/js/plyr.js

assets/js/plyr.js

@@ -247,9 +247,14 @@
 			for (var i = 0, il = browserPrefixes.length; i < il; i++ ) {
 				fullscreen.prefix = browserPrefixes[i];
 
-				if (typeof document[fullscreen.prefix + "CancelFullScreen" ] != "undefined" ) {
+				if (typeof document[fullscreen.prefix + "CancelFullScreen"] != "undefined") {
+					fullscreen.supportsFullScreen = true;
+					break;
+				}
+				// Special case for MS (when isn't it?)
+				else if (typeof document.msExitFullscreen != "undefined" && document.msFullscreenEnabled) {
+					fullscreen.prefix = "ms";
 					fullscreen.supportsFullScreen = true;
-
 					break;
 				}
 			}
@@ -271,15 +276,20 @@
 						return document.fullScreen;
 					case "webkit":
 						return document.webkitIsFullScreen;
+					case "ms":
+						// Docs say document.msFullScreenElement returns undefined
+						// if no element is full screem but it returns null, cheers
+						// https://msdn.microsoft.com/en-us/library/ie/dn265028%28v=vs.85%29.aspx
+						return (document.msFullscreenElement !== null);
 					default:
 						return document[this.prefix + "FullScreen"];
 				}
 			};
 			fullscreen.requestFullScreen = function(element) {
-				return (this.prefix === "") ? element.requestFullScreen() : element[this.prefix + "RequestFullScreen"](this.prefix === "webkit" ? element.ALLOW_KEYBOARD_INPUT : null);
+				return (this.prefix === "") ? element.requestFullScreen() : element[this.prefix + (this.prefix == "ms" ? "RequestFullscreen" : "RequestFullScreen")](this.prefix === "webkit" ? element.ALLOW_KEYBOARD_INPUT : null);
 			};
 			fullscreen.cancelFullScreen = function() {
-				return (this.prefix === "") ? document.cancelFullScreen() : document[this.prefix + "CancelFullScreen"]();
+				return (this.prefix === "") ? document.cancelFullScreen() : document[this.prefix + (this.prefix == "ms" ? "ExitFullscreen" : "CancelFullScreen")]();
 			};
 			fullscreen.element = function() { 
 				return (this.prefix === "") ? document.fullscreenElement : document[this.prefix + "FullscreenElement"];
@@ -561,30 +571,23 @@
 
 						if (captionSrc !== "") {
 							// Create XMLHttpRequest Object
-							var xhr;
-							if (window.XMLHttpRequest) {
-								xhr = new XMLHttpRequest();
-							} 
-							else if (window.ActiveXObject) { // IE8
-								xhr = new ActiveXObject("Microsoft.XMLHTTP");
-							}
+							var xhr = new XMLHttpRequest();
+
 							xhr.onreadystatechange = function() {
 								if (xhr.readyState === 4) {
 									if (xhr.status === 200) {
-										if (config.debug) {
-											console.log("xhr = 200");
-										}
-										
 										player.captions = [];
 										var records = [], 
 											record,
 											req = xhr.responseText;
+
 										records = req.split("\n\n");
 										for (var r=0; r < records.length; r++) {
 											record = records[r];
 											player.captions[r] = [];
 											player.captions[r] = record.split("\n");
 										}
+
 										// Remove first element ("VTT")
 										player.captions.shift();
 
@@ -592,14 +595,14 @@
 											console.log("Successfully loaded the caption file via ajax.");
 										}
 									} 
-									else {
-										if (config.debug) {
-											console.log("There was a problem loading the caption file via ajax.");
-										}
+									else if (config.debug) {
+										console.error("There was a problem loading the caption file via ajax.");
 									}
 								}
 							}
+							
 							xhr.open("get", captionSrc, true);
+
 							xhr.send();
 						}
 					}

index.html

@@ -30,9 +30,7 @@
 					
 					<!-- Fallback for browsers that don't support the <video> element -->
 					<div>
-						<a href="//cdn.sampotts.me/plyr/movie.mp4">
-							<img src="//cdn.sampotts.me/plyr/poster.jpg" alt="Download">
-						</a>
+						<a href="//cdn.sampotts.me/plyr/movie.mp4">Download</a>
 					</div>
 				</video>
 			</div>
@@ -44,6 +42,7 @@
 				<audio controls>
 					<!-- Audio files -->
 					<source src="//cdn.sampotts.me/plyr/logistics-96-sample.mp3" type="audio/mp3">
+					<source src="//cdn.sampotts.me/plyr/logistics-96-sample.ogg" type="application/ogg">
 					
 					<!-- Fallback for browsers that don't support the <audio> element -->
 					<div>