From c55faa3505d855e34b48d5bb968ebe631768f1cc Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Tue, 17 Feb 2015 22:57:00 +1100
Subject: [PATCH] Added OGG to <audio> example, Fixed IE11 Fullscreen

---
 assets/js/plyr.js | 18 ++++++++++++++----
 dist/js/plyr.js   |  2 +-
 index.html        |  1 +
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/assets/js/plyr.js b/assets/js/plyr.js
index 76d2beba..2b13cdbc 100644
--- a/assets/js/plyr.js
+++ b/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"];
diff --git a/dist/js/plyr.js b/dist/js/plyr.js
index 4381bdca..a766574e 100644
--- a/dist/js/plyr.js
+++ b/dist/js/plyr.js
@@ -1 +1 @@
-!function(e){"use strict";function t(){var e,t,n,r=navigator.userAgent,o=navigator.appName,s=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(o="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(o="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(o="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(o="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(o="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(o=r.substring(e,t),s=r.substring(t+1),o.toLowerCase()==o.toUpperCase()&&(o=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),i=parseInt(""+s,10),isNaN(i)&&(s=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),[o,i]}function n(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function r(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var r=n>0?t.cloneNode(!0):t,o=e[n],s=o.parentNode,i=o.nextSibling;r.appendChild(o),i?s.insertBefore(r,i):s.appendChild(r)}}function o(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function s(e,t,n){e.addEventListener(t,n,!1)}function i(e){var t=l().isFullScreen()?{x:0,y:0}:a(e.currentTarget);return{x:e.clientX-t.x,y:e.clientY-t.y}}function a(e){for(var t=0,n=0;e;)t+=e.offsetLeft-e.scrollLeft+e.clientLeft,n+=e.offsetTop-e.scrollTop+e.clientTop,e=e.offsetParent;return{x:t,y:n}}function c(e,t){for(var n in t)t[n]&&t[n].constructor&&t[n].constructor===Object?(e[n]=e[n]||{},c(e[n],t[n])):e[n]=t[n];return e}function l(){var e={supportsFullScreen:!1,isFullScreen:function(){return!1},requestFullScreen:function(){},cancelFullScreen:function(){},fullScreenEventName:"",element:null,prefix:""},t="webkit moz o ms khtml".split(" ");if("undefined"!=typeof document.cancelFullScreen)e.supportsFullScreen=!0;else for(var n=0,r=t.length;r>n;n++)if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}return"webkit"===e.prefix&&navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)&&(e.supportsFullScreen=!1),e.supportsFullScreen&&(e.fullScreenEventName=e.prefix+"fullscreenchange",e.isFullScreen=function(){switch(this.prefix){case"":return document.fullScreen;case"webkit":return document.webkitIsFullScreen;default:return document[this.prefix+"FullScreen"]}},e.requestFullScreen=function(e){return""===this.prefix?e.requestFullScreen():e[this.prefix+"RequestFullScreen"]("webkit"===this.prefix?e.ALLOW_KEYBOARD_INPUT:null)},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+"CancelFullScreen"]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function u(e){function a(){for(j.subcount=0;f(j.captions[j.subcount][0])<j.media.currentTime.toFixed(1);)if(j.subcount++,j.subcount>j.captions.length-1){j.subcount=j.captions.length-1;break}}function c(){o(j.container,p.classes.captions.enabled,!0),p.captions.defaultActive&&(o(j.container,p.classes.captions.active,!0),j.buttons.captions.setAttribute("checked","checked"))}function u(e){var t=[];return t=e.split(" --> "),m(t[0])}function f(e){var t=[];return t=e.split(" --> "),m(t[1])}function m(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function b(e){return j.container.querySelectorAll(e)}function v(e){return b(e)[0]}function g(){p.debug&&console.log("Injecting custom controls");var e=p.html;e=n(e,"{aria-label}",p.playAriaLabel),e=n(e,"{id}",j.random),j.container.insertAdjacentHTML("beforeend",e)}function y(){j.controls=v(p.selectors.controls),j.buttons={},j.buttons.play=v(p.selectors.buttons.play),j.buttons.pause=v(p.selectors.buttons.pause),j.buttons.restart=v(p.selectors.buttons.restart),j.buttons.rewind=v(p.selectors.buttons.rewind),j.buttons.forward=v(p.selectors.buttons.forward),j.buttons.mute=v(p.selectors.buttons.mute),j.buttons.captions=v(p.selectors.buttons.captions),j.buttons.fullscreen=v(p.selectors.buttons.fullscreen),j.progress={},j.progress.bar=v(p.selectors.progress),j.progress.text=j.progress.bar.getElementsByTagName("span")[0],j.volume=v(p.selectors.buttons.volume),j.duration=v(p.selectors.duration),j.seekTime=b(p.selectors.seekTime)}function h(){if(j.media=j.container.querySelectorAll("audio, video")[0],!j.media)return console.error("No audio or video element found!"),!1;if(j.media.removeAttribute("controls"),j.type="video"==j.media.tagName.toLowerCase()?"video":"audio",o(j.container,p.classes[j.type],!0),o(j.container,p.classes.stopped,null===j.media.getAttribute("autoplay")),"video"===j.type){var e=document.createElement("div");e.setAttribute("class",p.classes.videoWrapper),r(j.media,e),j.videoContainer=e}}function x(){if("video"===j.type){j.videoContainer.insertAdjacentHTML("afterbegin","<div class='"+p.selectors.captions.replace(".","")+"'></div>"),j.captionsContainer=v(p.selectors.captions),j.isTextTracks=!1,j.media.textTracks&&(j.isTextTracks=!0);for(var e,t="",n=j.media.childNodes,r=0;r<n.length;r++)"track"===n[r].nodeName.toLowerCase()&&(e=n[r].getAttribute("kind"),"captions"===e&&(t=n[r].getAttribute("src")));if(j.captionExists=!0,""===t?(j.captionExists=!1,p.debug&&console.log("No caption track found.")):p.debug&&console.log("Caption track found; URI: "+t),j.captionExists){var i,a,l={};if("IE"===j.browserName&&10===j.browserMajorVersion||"IE"===j.browserName&&11===j.browserMajorVersion||"Firefox"===j.browserName&&j.browserMajorVersion>=31||"Safari"===j.browserName&&j.browserMajorVersion>=7)for(p.debug&&console.log("Detected IE 10/11 or Firefox 31+ or Safari 7+"),j.isTextTracks=!1,l={},i=j.media.textTracks,a=0;a<i.length;a++)l=j.media.textTracks[a],l.mode="hidden";if(j.isTextTracks)for(p.debug&&console.log("textTracks supported"),c(j),l={},i=j.media.textTracks,a=0;a<i.length;a++)l=j.media.textTracks[a],l.mode="hidden","captions"===l.kind&&s(l,"cuechange",function(){this.activeCues[0]&&this.activeCues[0].hasOwnProperty("text")&&(j.captionsContainer.innerHTML=this.activeCues[0].text)});else if(p.debug&&console.log("textTracks not supported so rendering captions manually"),c(j),j.currentCaption="",j.subcount=0,j.captions=[],s(j.media,"timeupdate",function(){j.media.currentTime.toFixed(1)>u(j.captions[j.subcount][0])&&j.media.currentTime.toFixed(1)<f(j.captions[j.subcount][0])&&(j.currentCaption=j.captions[j.subcount][1]),j.media.currentTime.toFixed(1)>f(j.captions[j.subcount][0])&&j.subcount<j.captions.length-1&&j.subcount++,j.captionsContainer.innerHTML=j.currentCaption}),""!==t){var d;window.XMLHttpRequest?d=new XMLHttpRequest:window.ActiveXObject&&(d=new ActiveXObject("Microsoft.XMLHTTP")),d.onreadystatechange=function(){if(4===d.readyState)if(200===d.status){p.debug&&console.log("xhr = 200"),j.captions=[];var e,t=[],n=d.responseText;t=n.split("\n\n");for(var r=0;r<t.length;r++)e=t[r],j.captions[r]=[],j.captions[r]=e.split("\n");j.captions.shift(),p.debug&&console.log("Successfully loaded the caption file via ajax.")}else p.debug&&console.log("There was a problem loading the caption file via ajax.")},d.open("get",t,!0),d.send()}"Safari"===j.browserName&&7===j.browserMajorVersion&&(p.debug&&console.log("Safari 7 detected; removing track from DOM"),i=j.media.getElementsByTagName("track"),j.media.removeChild(i[0]))}else o(j.container,p.classes.captions.enabled)}}function T(){j.seekTime[0].innerHTML=p.seekInterval,j.seekTime[1].innerHTML=p.seekInterval}function k(){"video"===j.type&&p.fullscreen.enabled&&(d.supportsFullScreen?(p.debug&&console.log("Fullscreen enabled"),o(j.container,p.classes.fullscreen.enabled,!0)):p.debug&&console.warn("Fullscreen not supported"))}function w(){j.media.play(),o(j.container,p.classes.stopped),o(j.container,p.classes.playing,!0)}function S(){j.media.pause(),o(j.container,p.classes.playing),o(j.container,p.classes.stopped,!0)}function F(){j.media.currentTime=0,j.isTextTracks||(j.subcount=0),w()}function M(e){"undefined"==typeof e&&(e=p.seekInterval);var t=j.media.currentTime-e;j.media.currentTime=0>t?0:t,j.isTextTracks||"video"!==j.type||a(j)}function I(e){"undefined"==typeof e&&(e=p.seekInterval);var t=j.media.currentTime+e;j.media.currentTime=t>j.media.duration?j.media.duration:t,j.isTextTracks||"video"!==j.type||a(j)}function N(){d.isFullScreen()?d.cancelFullScreen():d.requestFullScreen(j.container)}function C(e){"undefined"==typeof e&&(e=p.volume),e>10&&(e=10),j.volume.value=e,j.media.volume=parseFloat(e/10),E()}function L(e){"undefined"==typeof active&&(e=!j.media.muted,j.buttons.mute.checked=e),j.media.muted=e,E()}function A(e){"undefined"==typeof e&&(e=-1===j.container.className.indexOf(p.classes.captions.active),j.buttons.captions.checked=e),e?o(j.container,p.classes.captions.active,!0):o(j.container,p.classes.captions.active)}function E(){o(j.container,p.classes.muted,0===j.media.volume||j.media.muted)}function O(){s(j.buttons.fullscreen,"click",N),"video"===j.type&&p.click&&s(j.videoContainer,"click",function(){j.media.paused?w():j.media.ended?F():S()}),s(j.buttons.play,"click",function(){w(),j.buttons.pause.focus()}),s(j.buttons.pause,"click",function(){S(),j.buttons.play.focus()}),s(j.buttons.restart,"click",F),s(j.buttons.rewind,"click",function(){M(p.seekInterval)}),s(j.buttons.forward,"click",function(){I(p.seekInterval)}),s(j.volume,"change",function(){C(this.value)}),s(j.buttons.mute,"change",function(){L(this.checked)}),s(j.media,"timeupdate",function(){j.secs=parseInt(j.media.currentTime%60),j.mins=parseInt(j.media.currentTime/60%60),j.secs=("0"+j.secs).slice(-2),j.mins=("0"+j.mins).slice(-2),j.duration.innerHTML=j.mins+":"+j.secs}),s(j.media,"timeupdate",function(){j.percent=100/j.media.duration*j.media.currentTime,j.percent>0&&(j.progress.bar.value=j.percent,j.progress.text.innerHTML=j.percent)}),s(j.progress.bar,"click",function(e){j.pos=i(e).x/this.offsetWidth,j.media.currentTime=j.pos*j.media.duration,j.isTextTracks||"video"!==j.type||a(j)}),s(j.buttons.captions,"click",function(){A(this.checked)}),s(j.media,"ended",function(){"video"===j.type&&(j.captionsContainer.innerHTML=""),o(j.container,p.classes.stopped,!0),o(j.container,p.classes.playing)})}function V(){return d=l(),j.browserInfo=t(),j.browserName=j.browserInfo[0],j.browserMajorVersion=j.browserInfo[1],p.debug&&console.log(j.browserName+" "+j.browserMajorVersion),"IE"!==j.browserName||8!==j.browserMajorVersion&&9!==j.browserMajorVersion?(p.playAriaLabel="undefined"!=typeof p.title&&p.title.length?"Play "+p.title:"Play",h(),j.random=Math.floor(1e4*Math.random()),g(),y(),C(p.volume),k(),x(),T(),O(),void 0):(p.debug&&console.error("Browser not suppported."),!1)}var j=this;return j.container=e,V(),{media:j.media,play:w,pause:S,restart:F,rewind:M,forward:I,setVolume:C,toggleMute:L,toggleCaptions:A}}var d,p,f={enabled:!0,debug:!1,seekInterval:10,volume:5,click:!0,selectors:{container:".player",controls:".player-controls",buttons:{play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:".player-progress",captions:".player-captions",duration:".player-duration",seekTime:".player-seek-time"},classes:{video:"player-video",videoWrapper:"player-video-wrapper",audio:"player-audio",stopped:"stopped",playing:"playing",muted:"muted",captions:{active:"captions-active",enabled:"captions-enabled"},fullscreen:{enabled:"fullscreen-enabled"}},captions:{defaultActive:!1},fullscreen:{enabled:!0}};e.setup=function(e){if(p=c(f,e),!p.enabled)return!1;for(var t=document.querySelectorAll(p.selectors.container),n=[],r=t.length-1;r>=0;r--){var o=t[r];o.plyr=new u(o),n.push(o.plyr)}return n}}(this.plyr=this.plyr||{});
\ No newline at end of file
+!function(e){"use strict";function t(){var e,t,n,r=navigator.userAgent,o=navigator.appName,s=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(o="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(o="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(o="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(o="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(o="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(o=r.substring(e,t),s=r.substring(t+1),o.toLowerCase()==o.toUpperCase()&&(o=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),i=parseInt(""+s,10),isNaN(i)&&(s=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),[o,i]}function n(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function r(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var r=n>0?t.cloneNode(!0):t,o=e[n],s=o.parentNode,i=o.nextSibling;r.appendChild(o),i?s.insertBefore(r,i):s.appendChild(r)}}function o(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function s(e,t,n){e.addEventListener(t,n,!1)}function i(e){var t=l().isFullScreen()?{x:0,y:0}:a(e.currentTarget);return{x:e.clientX-t.x,y:e.clientY-t.y}}function a(e){for(var t=0,n=0;e;)t+=e.offsetLeft-e.scrollLeft+e.clientLeft,n+=e.offsetTop-e.scrollTop+e.clientTop,e=e.offsetParent;return{x:t,y:n}}function c(e,t){for(var n in t)t[n]&&t[n].constructor&&t[n].constructor===Object?(e[n]=e[n]||{},c(e[n],t[n])):e[n]=t[n];return e}function l(){var e={supportsFullScreen:!1,isFullScreen:function(){return!1},requestFullScreen:function(){},cancelFullScreen:function(){},fullScreenEventName:"",element:null,prefix:""},t="webkit moz o ms khtml".split(" ");if("undefined"!=typeof document.cancelFullScreen)e.supportsFullScreen=!0;else for(var n=0,r=t.length;r>n;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return"webkit"===e.prefix&&navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)&&(e.supportsFullScreen=!1),e.supportsFullScreen&&(e.fullScreenEventName=e.prefix+"fullscreenchange",e.isFullScreen=function(){switch(this.prefix){case"":return document.fullScreen;case"webkit":return document.webkitIsFullScreen;case"ms":return null!==document.msFullscreenElement;default:return document[this.prefix+"FullScreen"]}},e.requestFullScreen=function(e){return""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]("webkit"===this.prefix?e.ALLOW_KEYBOARD_INPUT:null)},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function u(e){function a(){for(j.subcount=0;f(j.captions[j.subcount][0])<j.media.currentTime.toFixed(1);)if(j.subcount++,j.subcount>j.captions.length-1){j.subcount=j.captions.length-1;break}}function c(){o(j.container,p.classes.captions.enabled,!0),p.captions.defaultActive&&(o(j.container,p.classes.captions.active,!0),j.buttons.captions.setAttribute("checked","checked"))}function u(e){var t=[];return t=e.split(" --> "),m(t[0])}function f(e){var t=[];return t=e.split(" --> "),m(t[1])}function m(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function b(e){return j.container.querySelectorAll(e)}function v(e){return b(e)[0]}function g(){p.debug&&console.log("Injecting custom controls");var e=p.html;e=n(e,"{aria-label}",p.playAriaLabel),e=n(e,"{id}",j.random),j.container.insertAdjacentHTML("beforeend",e)}function y(){j.controls=v(p.selectors.controls),j.buttons={},j.buttons.play=v(p.selectors.buttons.play),j.buttons.pause=v(p.selectors.buttons.pause),j.buttons.restart=v(p.selectors.buttons.restart),j.buttons.rewind=v(p.selectors.buttons.rewind),j.buttons.forward=v(p.selectors.buttons.forward),j.buttons.mute=v(p.selectors.buttons.mute),j.buttons.captions=v(p.selectors.buttons.captions),j.buttons.fullscreen=v(p.selectors.buttons.fullscreen),j.progress={},j.progress.bar=v(p.selectors.progress),j.progress.text=j.progress.bar.getElementsByTagName("span")[0],j.volume=v(p.selectors.buttons.volume),j.duration=v(p.selectors.duration),j.seekTime=b(p.selectors.seekTime)}function x(){if(j.media=j.container.querySelectorAll("audio, video")[0],!j.media)return console.error("No audio or video element found!"),!1;if(j.media.removeAttribute("controls"),j.type="video"==j.media.tagName.toLowerCase()?"video":"audio",o(j.container,p.classes[j.type],!0),o(j.container,p.classes.stopped,null===j.media.getAttribute("autoplay")),"video"===j.type){var e=document.createElement("div");e.setAttribute("class",p.classes.videoWrapper),r(j.media,e),j.videoContainer=e}}function h(){if("video"===j.type){j.videoContainer.insertAdjacentHTML("afterbegin","<div class='"+p.selectors.captions.replace(".","")+"'></div>"),j.captionsContainer=v(p.selectors.captions),j.isTextTracks=!1,j.media.textTracks&&(j.isTextTracks=!0);for(var e,t="",n=j.media.childNodes,r=0;r<n.length;r++)"track"===n[r].nodeName.toLowerCase()&&(e=n[r].getAttribute("kind"),"captions"===e&&(t=n[r].getAttribute("src")));if(j.captionExists=!0,""===t?(j.captionExists=!1,p.debug&&console.log("No caption track found.")):p.debug&&console.log("Caption track found; URI: "+t),j.captionExists){var i,a,l={};if("IE"===j.browserName&&10===j.browserMajorVersion||"IE"===j.browserName&&11===j.browserMajorVersion||"Firefox"===j.browserName&&j.browserMajorVersion>=31||"Safari"===j.browserName&&j.browserMajorVersion>=7)for(p.debug&&console.log("Detected IE 10/11 or Firefox 31+ or Safari 7+"),j.isTextTracks=!1,l={},i=j.media.textTracks,a=0;a<i.length;a++)l=j.media.textTracks[a],l.mode="hidden";if(j.isTextTracks)for(p.debug&&console.log("textTracks supported"),c(j),l={},i=j.media.textTracks,a=0;a<i.length;a++)l=j.media.textTracks[a],l.mode="hidden","captions"===l.kind&&s(l,"cuechange",function(){this.activeCues[0]&&this.activeCues[0].hasOwnProperty("text")&&(j.captionsContainer.innerHTML=this.activeCues[0].text)});else if(p.debug&&console.log("textTracks not supported so rendering captions manually"),c(j),j.currentCaption="",j.subcount=0,j.captions=[],s(j.media,"timeupdate",function(){j.media.currentTime.toFixed(1)>u(j.captions[j.subcount][0])&&j.media.currentTime.toFixed(1)<f(j.captions[j.subcount][0])&&(j.currentCaption=j.captions[j.subcount][1]),j.media.currentTime.toFixed(1)>f(j.captions[j.subcount][0])&&j.subcount<j.captions.length-1&&j.subcount++,j.captionsContainer.innerHTML=j.currentCaption}),""!==t){var d;window.XMLHttpRequest?d=new XMLHttpRequest:window.ActiveXObject&&(d=new ActiveXObject("Microsoft.XMLHTTP")),d.onreadystatechange=function(){if(4===d.readyState)if(200===d.status){p.debug&&console.log("xhr = 200"),j.captions=[];var e,t=[],n=d.responseText;t=n.split("\n\n");for(var r=0;r<t.length;r++)e=t[r],j.captions[r]=[],j.captions[r]=e.split("\n");j.captions.shift(),p.debug&&console.log("Successfully loaded the caption file via ajax.")}else p.debug&&console.log("There was a problem loading the caption file via ajax.")},d.open("get",t,!0),d.send()}"Safari"===j.browserName&&7===j.browserMajorVersion&&(p.debug&&console.log("Safari 7 detected; removing track from DOM"),i=j.media.getElementsByTagName("track"),j.media.removeChild(i[0]))}else o(j.container,p.classes.captions.enabled)}}function T(){j.seekTime[0].innerHTML=p.seekInterval,j.seekTime[1].innerHTML=p.seekInterval}function k(){"video"===j.type&&p.fullscreen.enabled&&(d.supportsFullScreen?(p.debug&&console.log("Fullscreen enabled"),o(j.container,p.classes.fullscreen.enabled,!0)):p.debug&&console.warn("Fullscreen not supported"))}function w(){j.media.play(),o(j.container,p.classes.stopped),o(j.container,p.classes.playing,!0)}function F(){j.media.pause(),o(j.container,p.classes.playing),o(j.container,p.classes.stopped,!0)}function S(){j.media.currentTime=0,j.isTextTracks||(j.subcount=0),w()}function M(e){"undefined"==typeof e&&(e=p.seekInterval);var t=j.media.currentTime-e;j.media.currentTime=0>t?0:t,j.isTextTracks||"video"!==j.type||a(j)}function I(e){"undefined"==typeof e&&(e=p.seekInterval);var t=j.media.currentTime+e;j.media.currentTime=t>j.media.duration?j.media.duration:t,j.isTextTracks||"video"!==j.type||a(j)}function N(){d.isFullScreen()?d.cancelFullScreen():d.requestFullScreen(j.container)}function C(e){"undefined"==typeof e&&(e=p.volume),e>10&&(e=10),j.volume.value=e,j.media.volume=parseFloat(e/10),A()}function L(e){"undefined"==typeof active&&(e=!j.media.muted,j.buttons.mute.checked=e),j.media.muted=e,A()}function E(e){"undefined"==typeof e&&(e=-1===j.container.className.indexOf(p.classes.captions.active),j.buttons.captions.checked=e),e?o(j.container,p.classes.captions.active,!0):o(j.container,p.classes.captions.active)}function A(){o(j.container,p.classes.muted,0===j.media.volume||j.media.muted)}function O(){s(j.buttons.fullscreen,"click",N),"video"===j.type&&p.click&&s(j.videoContainer,"click",function(){j.media.paused?w():j.media.ended?S():F()}),s(j.buttons.play,"click",function(){w(),j.buttons.pause.focus()}),s(j.buttons.pause,"click",function(){F(),j.buttons.play.focus()}),s(j.buttons.restart,"click",S),s(j.buttons.rewind,"click",function(){M(p.seekInterval)}),s(j.buttons.forward,"click",function(){I(p.seekInterval)}),s(j.volume,"change",function(){C(this.value)}),s(j.buttons.mute,"change",function(){L(this.checked)}),s(j.media,"timeupdate",function(){j.secs=parseInt(j.media.currentTime%60),j.mins=parseInt(j.media.currentTime/60%60),j.secs=("0"+j.secs).slice(-2),j.mins=("0"+j.mins).slice(-2),j.duration.innerHTML=j.mins+":"+j.secs}),s(j.media,"timeupdate",function(){j.percent=100/j.media.duration*j.media.currentTime,j.percent>0&&(j.progress.bar.value=j.percent,j.progress.text.innerHTML=j.percent)}),s(j.progress.bar,"click",function(e){j.pos=i(e).x/this.offsetWidth,j.media.currentTime=j.pos*j.media.duration,j.isTextTracks||"video"!==j.type||a(j)}),s(j.buttons.captions,"click",function(){E(this.checked)}),s(j.media,"ended",function(){"video"===j.type&&(j.captionsContainer.innerHTML=""),o(j.container,p.classes.stopped,!0),o(j.container,p.classes.playing)})}function V(){return d=l(),j.browserInfo=t(),j.browserName=j.browserInfo[0],j.browserMajorVersion=j.browserInfo[1],p.debug&&console.log(j.browserName+" "+j.browserMajorVersion),"IE"!==j.browserName||8!==j.browserMajorVersion&&9!==j.browserMajorVersion?(p.playAriaLabel="undefined"!=typeof p.title&&p.title.length?"Play "+p.title:"Play",x(),j.random=Math.floor(1e4*Math.random()),g(),y(),C(p.volume),k(),h(),T(),O(),void 0):(p.debug&&console.error("Browser not suppported."),!1)}var j=this;return j.container=e,V(),{media:j.media,play:w,pause:F,restart:S,rewind:M,forward:I,setVolume:C,toggleMute:L,toggleCaptions:E}}var d,p,f={enabled:!0,debug:!1,seekInterval:10,volume:5,click:!0,selectors:{container:".player",controls:".player-controls",buttons:{play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:".player-progress",captions:".player-captions",duration:".player-duration",seekTime:".player-seek-time"},classes:{video:"player-video",videoWrapper:"player-video-wrapper",audio:"player-audio",stopped:"stopped",playing:"playing",muted:"muted",captions:{active:"captions-active",enabled:"captions-enabled"},fullscreen:{enabled:"fullscreen-enabled"}},captions:{defaultActive:!1},fullscreen:{enabled:!0}};e.setup=function(e){if(p=c(f,e),!p.enabled)return!1;for(var t=document.querySelectorAll(p.selectors.container),n=[],r=t.length-1;r>=0;r--){var o=t[r];o.plyr=new u(o),n.push(o.plyr)}return n}}(this.plyr=this.plyr||{});
\ No newline at end of file
diff --git a/index.html b/index.html
index b20f61fd..97948d5c 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,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>