diff --git a/LICENSE b/LICENSE
index 4a1068b1..32a7b851 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2014 University of Washington
+Copyright (c) 2014-2025 The Able Player Contributors
 
 Able Player development is supported in part by The AccessComputing project, 
 with financial support from the National Science Foundation 
diff --git a/README.md b/README.md
index 50d64df1..79b316a2 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,6 @@
 Able Player
 ==========
+![image](https://user-images.githubusercontent.com/55474996/227562765-7a17103c-4c93-4a17-82b4-fc1e401972b0.png)
 
 *Able Player* is a fully accessible cross-browser HTML5 media player. 
 
@@ -158,8 +159,8 @@ to all use cases, both audio and video.
 
 ```HTML
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-<script src="//cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
 
 <!-- CSS -->
 <link rel="stylesheet" href="build/ableplayer.min.css" type="text/css"/>
@@ -595,7 +596,7 @@ perfect synchronization between all timed text files, Able Player (in version 3.
 a Video Transcript Sorter (VTS). The VTS displays all timed text content from all sources 
 in a table, and provides several features that enable users to rearrange content and 
 modify start and end times. Users can also insert new content into the table, which can be useful 
-for authoring low frequency content such as chapters and description. Too use VTS, 
+for authoring low frequency content such as chapters and description. To use VTS, 
 add the following HTML to the desired location within any web page that includes an 
 Able Player instance: 
 
diff --git a/build/ableplayer.dist.js b/build/ableplayer.dist.js
index fe8a1e50..f594182e 100644
--- a/build/ableplayer.dist.js
+++ b/build/ableplayer.dist.js
@@ -1396,7 +1396,6 @@ var AblePlayerInstances = [];
 
 (function ($) {
 	$(function () {
-
 		$('video, audio').each(function (index, element) {
 			if ($(element).data('able-player') !== undefined) {
 				AblePlayerInstances.push(new AblePlayer($(this),$(element)));
@@ -1444,14 +1443,14 @@ var AblePlayerInstances = [];
 
 		// autoplay (Boolean; if present always resolves to true, regardless of value)
 		if ($(media).attr('autoplay') !== undefined) {
-			this.autoplay = true; // this value remains constant 
+			this.autoplay = true; // this value remains constant
 			this.okToPlay = true; // this value can change dynamically
 		}
 		else {
 			this.autoplay = false;
 			this.okToPlay = false;
 		}
-		
+
 		// loop (Boolean; if present always resolves to true, regardless of value)
 		if ($(media).attr('loop') !== undefined) {
 			this.loop = true;
@@ -1476,13 +1475,13 @@ var AblePlayerInstances = [];
 			this.hasPoster = false;
 		}
 
-		// get height and width attributes, if present 
-		// and add them to variables 
-		// Not currently used, but might be useful for resizing player  
-		if ($(media).attr('width')) { 
-			this.width = $(media).attr('width'); 
+		// get height and width attributes, if present
+		// and add them to variables
+		// Not currently used, but might be useful for resizing player
+		if ($(media).attr('width')) {
+			this.width = $(media).attr('width');
 		}
-		if ($(media).attr('height')) { 
+		if ($(media).attr('height')) {
 			this.height = $(media).attr('height');
 		}
 
@@ -1533,13 +1532,13 @@ var AblePlayerInstances = [];
 		else {
 			this.useChaptersButton = true;
 		}
-		
-		// Control whether text descriptions are read aloud 
+
+		// Control whether text descriptions are read aloud
 		// set to "false" if the sole purpose of the WebVTT descriptions file
 		// is to integrate text description into the transcript
-		// set to "true" to write description text to a div 
-		// This variable does *not* control the method by which description is read. 
-		// For that, see below (this.descMethod) 
+		// set to "true" to write description text to a div
+		// This variable does *not* control the method by which description is read.
+		// For that, see below (this.descMethod)
 		if ($(media).data('descriptions-audible') !== undefined && $(media).data('descriptions-audible') === false) {
 			this.readDescriptionsAloud = false;
 		}
@@ -1551,12 +1550,12 @@ var AblePlayerInstances = [];
 			this.readDescriptionsAloud = true;
 		}
 
-		// Method by which text descriptions are read  
+		// Method by which text descriptions are read
 		// valid values of data-desc-reader are:
-		// 'brower' (default) - text-based audio description is handled by the browser, if supported  
-		// 'screenreader' - text-based audio description is always handled by screen readers 
-		// The latter may be preferable by owners of websites in languages that are not well supported 
-		// by the Web Speech API  
+		// 'brower' (default) - text-based audio description is handled by the browser, if supported
+		// 'screenreader' - text-based audio description is always handled by screen readers
+		// The latter may be preferable by owners of websites in languages that are not well supported
+		// by the Web Speech API
 		if ($(media).data('desc-reader') == 'screenreader') {
 			this.descReader = 'screenreader';
 		}
@@ -1564,11 +1563,11 @@ var AblePlayerInstances = [];
 			this.descReader = 'browser';
 		}
 
-		// Default state of captions and descriptions 
-		// This setting is overridden by user preferences, if they exist 
-		// values for data-state-captions and data-state-descriptions are 'on' or 'off' 
+		// Default state of captions and descriptions
+		// This setting is overridden by user preferences, if they exist
+		// values for data-state-captions and data-state-descriptions are 'on' or 'off'
 		if ($(media).data('state-captions') == 'off') {
-			this.defaultStateCaptions = 0; // off 
+			this.defaultStateCaptions = 0; // off
 		}
 		else {
 			this.defaultStateCaptions = 1; // on by default
@@ -1580,13 +1579,13 @@ var AblePlayerInstances = [];
 			this.defaultStateDescriptions = 0; // off by default
 		}
 
-		// Default setting for prefDescPause  
-		// Extended description (i.e., pausing during description) is on by default 
-		// but this settings give website owners control over that 
-		// since they know the nature of their videos, and whether pausing is necessary 
-		// This setting is overridden by user preferences, if they exist 
+		// Default setting for prefDescPause
+		// Extended description (i.e., pausing during description) is on by default
+		// but this settings give website owners control over that
+		// since they know the nature of their videos, and whether pausing is necessary
+		// This setting is overridden by user preferences, if they exist
 		if ($(media).data('desc-pause-default') == 'off') {
-			this.defaultDescPause = 0; // off 
+			this.defaultDescPause = 0; // off
 		}
 		else {
 			this.defaultDescPause = 1; // on by default
@@ -1632,7 +1631,7 @@ var AblePlayerInstances = [];
 			if (this.transcriptSrcHasRequiredParts()) {
 				this.transcriptType = 'manual';
 			}
-			else { 
+			else {
 				
 			}
 		}
@@ -1737,31 +1736,31 @@ var AblePlayerInstances = [];
 
 		// Skin
 		// valid values of data-skin are:
-		// 'legacy' (default), two rows of controls; seekbar positioned in available space within top row
-		// '2020', all buttons in one row beneath a full-width seekbar
-		if ($(media).data('skin') == '2020') {
-			this.skin = '2020';
+		// '2020' (default as of 5.0), all buttons in one row beneath a full-width seekbar
+		// 'legacy', two rows of controls; seekbar positioned in available space within top row
+		if ($(media).data('skin') == 'legacy') {
+			this.skin = 'legacy';
 		}
 		else {
-			this.skin = 'legacy';
+			this.skin = '2020';
 		}
 
-		// Size 
-		// width of Able Player is determined using the following order of precedence: 
-		// 1. data-width attribute 
+		// Size
+		// width of Able Player is determined using the following order of precedence:
+		// 1. data-width attribute
 		// 2. width attribute (for video or audio, although it is not valid HTML for audio)
 		// 3. Intrinsic size from video (video only, determined later)
 		if ($(media).data('width') !== undefined) {
 			this.playerWidth = parseInt($(media).data('width'));
 		}
 		else if ($(media)[0].getAttribute('width')) {
-			// NOTE: jQuery attr() returns null for all invalid HTML attributes 
+			// NOTE: jQuery attr() returns null for all invalid HTML attributes
 			// (e.g., width on <audio>)
-			// but it can be acessed via JavaScript getAttribute() 
+			// but it can be acessed via JavaScript getAttribute()
 			this.playerWidth = parseInt($(media)[0].getAttribute('width'));
 		}
-		else { 
-			this.playerWidth = null; 
+		else {
+			this.playerWidth = null;
 		}
 
 		// Icon type
@@ -1785,9 +1784,9 @@ var AblePlayerInstances = [];
 		else {
 			this.allowFullscreen = true;
 		}
-		// Define other variables that are used in fullscreen program flow 
-		this.clickedFullscreenButton = false; 
-		this.restoringAfterFullscreen = false;			
+		// Define other variables that are used in fullscreen program flow
+		this.clickedFullscreenButton = false;
+		this.restoringAfterFullscreen = false;
 
 		// Seek interval
 		// Number of seconds to seek forward or back with Rewind & Forward buttons
@@ -1826,15 +1825,15 @@ var AblePlayerInstances = [];
 		// Fallback
 		// The data-test-fallback attribute can be used to test the fallback solution in any browser
 		if ($(media).data('test-fallback') !== undefined && $(media).data('test-fallback') !== false) {
-			if ($(media).data('test-fallback') == '2') { 
-				this.testFallback = 2; // emulate browser that doesn't support HTML5 media 
+			if ($(media).data('test-fallback') == '2') {
+				this.testFallback = 2; // emulate browser that doesn't support HTML5 media
 			}
-			else { 
-				this.testFallback = 1; // emulate failure to load Able Player 
+			else {
+				this.testFallback = 1; // emulate failure to load Able Player
 			}
 		}
-		else { 
-			this.testFallback = false; 
+		else {
+			this.testFallback = false;
 		}
 
 		// Language
@@ -1961,8 +1960,8 @@ var AblePlayerInstances = [];
 				}
 			}
 		).
-		fail(function() { 
-			thisObj.provideFallback(); 
+		fail(function() {
+			thisObj.provideFallback();
 		});
 	};
 
@@ -1986,9 +1985,9 @@ var AblePlayerInstances = [];
 						// for playlists, recreatePlayer() is called from within cuePlaylistItem()
 					}
 					else {
-						thisObj.recreatePlayer().then(function() { 
+						thisObj.recreatePlayer().then(function() {
 							thisObj.initializing = false;
-							thisObj.playerCreated = true; // remains true until browser is refreshed		
+							thisObj.playerCreated = true; // remains true until browser is refreshed
 						});
 					}
 				});
@@ -2307,7 +2306,7 @@ var AblePlayerInstances = [];
 	};
 
 	// Initialize player based on data on page.
-	// This sets some variables, but does not modify anything.	Safe to call multiple times.
+	// This sets some variables, but does not modify anything. Safe to call multiple times.
 	// Can call again after updating this.media so long as new media element has the same ID.
 	AblePlayer.prototype.reinitialize = function () {
 
@@ -2363,17 +2362,17 @@ var AblePlayerInstances = [];
 
 		var mediaId = this.$media.attr('id');
 
-		// Called again after width and height are known 
+		// Called again after width and height are known
 
-		if (this.mediaType === 'audio') { 			
-			if (this.playerWidth) { 
-				this.$ableWrapper.css('width',this.playerWidth + 'px'); 
+		if (this.mediaType === 'audio') {
+			if (this.playerWidth) {
+				this.$ableWrapper.css('width',this.playerWidth + 'px');
 			}
 		}
-		else if (width > 0 && height > 0) { 
-			this.playerWidth = width; 
-			this.playerHeight = height; 
-			this.aspectRatio = height / width; 
+		else if (width > 0 && height > 0) {
+			this.playerWidth = width;
+			this.playerHeight = height;
+			this.aspectRatio = height / width;
 		}
 	};
 
@@ -2437,7 +2436,7 @@ var AblePlayerInstances = [];
 					this.iconType = 'image';
 				}
 			}
-			else { 
+			else {
 				// window.getComputedStyle is not supported (IE 8 and earlier)
 				// No known way to detect computed font
 				// The following retrieves the value from the style sheet, not the computed font
@@ -2502,7 +2501,7 @@ var AblePlayerInstances = [];
 				// if it does, inject a thumbnail from Vimeo
 				var $vimeoVideos = $(this).find('li[data-vimeo-id]');
 				$vimeoVideos.each(function() {
-					var vimeoId = $(this).attr('data-youtube-id');
+					var vimeoId = $(this).attr('data-vimeo-id');
 					var vimeoPoster = thisObj.getVimeoPosterUrl(vimeoId,'120');
 					var $vimeoImg = $('<img>',{
 						'src': vimeoPoster,
@@ -2548,12 +2547,12 @@ var AblePlayerInstances = [];
 	AblePlayer.prototype.recreatePlayer = function () {
 
 		// Creates the appropriate player for the current source.
-		// This function is called each time a new media instance is loaded 
-		// e.g., 
-		// User clicks on an item in a playlist 
-		// User swaps to/from described version of video 
-		// Blocks of code that only need to be executed once are controlled 
-		// by this.playerCreated 
+		// This function is called each time a new media instance is loaded
+		// e.g.,
+		// User clicks on an item in a playlist
+		// User swaps to/from described version of video
+		// Blocks of code that only need to be executed once are controlled
+		// by this.playerCreated
 
 		// TODO: Ensure when recreating player that we carry over the mediaId
 		if (!this.player) {
@@ -2567,34 +2566,34 @@ var AblePlayerInstances = [];
 		promise = deferred.promise();
 		thisObj = this;
 
-		this.playerDeleted = false; // reset after deletePlayer() 
+		this.playerDeleted = false; // reset after deletePlayer()
 
 		// set temp stopgap to prevent this function from executing again before finished
-		this.recreatingPlayer = true; 
+		this.recreatingPlayer = true;
 
 		if (!this.playerCreated) {
 			// only call these functions once
 			this.loadCurrentPreferences();
 			this.injectPlayerCode();
-			this.resizePlayer(this.media.videoWidth,this.media.videoHeight); 
+			this.resizePlayer(this.media.videoWidth,this.media.videoHeight);
 		}
 
-		this.getSampleDescriptionText(); 
+		this.getSampleDescriptionText();
 
 		this.initSignLanguage();
 
 		this.initPlayer().then(function() {
 
-			thisObj.getTracks().then(function() { 
+			thisObj.getTracks().then(function() {
 
 				thisObj.initDescription().then(function() {
 
 					thisObj.setupTracks().then(function() {
-						if (thisObj.hasClosedDesc) { 
-							if (!thisObj.$descDiv || 
+						if (thisObj.hasClosedDesc) {
+							if (!thisObj.$descDiv ||
 								(thisObj.$descDiv && !($.contains(thisObj.$ableDiv[0], thisObj.$descDiv[0])))) {
-								// descDiv either doesn't exist, or exists in an orphaned state 
-								// Either way, it needs to be rebuilt...  
+								// descDiv either doesn't exist, or exists in an orphaned state
+								// Either way, it needs to be rebuilt...
 								thisObj.injectTextDescriptionArea();
 							}
 						}
@@ -2653,28 +2652,28 @@ var AblePlayerInstances = [];
 									// Ideally, we would wait until user clicks play, rather than unnecessarily consume their bandwidth
 									// However, the media needs to load for us to get the media's duration
 									if (thisObj.player === 'html5') {
-										if (!thisObj.loadingMedia) { 
+										if (!thisObj.loadingMedia) {
 											thisObj.$media[0].load();
-											thisObj.loadingMedia = true; 
+											thisObj.loadingMedia = true;
 										}
 									}
 									// refreshControls is called twice building/initializing the player
 									// this is the second. Best to pause a bit before executing, to be sure all prior steps are complete
 									setTimeout(function() {
-										thisObj.refreshControls('init'); 
-										deferred.resolve(); 
-									},100);								
-								}); 
-							}); 
+										thisObj.refreshControls('init');
+										deferred.resolve();
+									},100);
+								});
+							});
 						});
 					});
-				});			 
+				});
 			});
 		},
 		function() {	 // initPlayer fail
 			thisObj.provideFallback();
 		});
-		return promise; 
+		return promise;
 	};
 
 	AblePlayer.prototype.initPlayer = function () {
@@ -2892,8 +2891,8 @@ var AblePlayerInstances = [];
 		// return 'html5', 'youtube', 'vimeo', or null
 
 		var i, sourceType, $newItem;
-		if (this.testFallback) { 
-			return null; 
+		if (this.testFallback) {
+			return null;
 		}
 		else if (this.youTubeId) {
 			if (this.mediaType !== 'video') {
@@ -2997,24 +2996,24 @@ var AblePlayerInstances = [];
 				cookie.sign['height'] = $window.height();
 			}
 		}
-		else if (setting === 'voice') { 
+		else if (setting === 'voice') {
 			if (typeof cookie.voices === 'undefined') {
 				cookie.voices = [];
 			}
-			// replace preferred voice for this lang in cookie.voices array, if one exists 
-			// otherwise, add it to the array 
-			voiceLangFound = false; 
-			for (var v=0; v < cookie.voices.length; v++) { 						
-				if (cookie.voices[v].lang === this.prefDescVoiceLang) { 
-					voiceLangFound = true; 
-					cookie.voices[v].name = this.prefDescVoice; 
+			// replace preferred voice for this lang in cookie.voices array, if one exists
+			// otherwise, add it to the array
+			voiceLangFound = false;
+			for (var v=0; v < cookie.voices.length; v++) {
+				if (cookie.voices[v].lang === this.prefDescVoiceLang) {
+					voiceLangFound = true;
+					cookie.voices[v].name = this.prefDescVoice;
 				}
 			}
-			if (!voiceLangFound) { 
-				// no voice has been saved yet for this language. Add it to array. 
+			if (!voiceLangFound) {
+				// no voice has been saved yet for this language. Add it to array.
 				newVoice = {'name':this.prefDescVoice, 'lang':this.prefDescVoiceLang};
-				cookie.voices.push(newVoice); 
-			}								
+				cookie.voices.push(newVoice);
+			}
 		}
 		else {
 			available = this.getAvailablePreferences();
@@ -3038,17 +3037,17 @@ var AblePlayerInstances = [];
 		// in the Preferences popup menu
 		// Human-readable label for each group is defined in translation table
 		if (this.usingYouTubeCaptions) {
-			// no transcript is possible 
-			return ['captions','descriptions','keyboard']; 
+			// no transcript is possible
+			return ['captions','descriptions','keyboard'];
 		}
-		else if (this.usingVimeoCaptions) { 
+		else if (this.usingVimeoCaptions) {
 			// users cannot control caption appearance
 			// and no transcript is possible
-			return ['descriptions','keyboard']; 
+			return ['descriptions','keyboard'];
+		}
+		else {
+			return ['captions','descriptions','keyboard','transcript'];
 		}
-		else { 
-			return ['captions','descriptions','keyboard','transcript']; 
-		} 
 	}
 
 	AblePlayer.prototype.getAvailablePreferences = function() {
@@ -3122,7 +3121,7 @@ var AblePlayerInstances = [];
 				'default': this.tt.captionsStylePopOn
 			});
 			*/
-			// captions are always positioned above the player for audio 
+			// captions are always positioned above the player for audio
 			if (this.mediaType === 'video') {
 				prefs.push({
 					'name': 'prefCaptionsPosition',
@@ -3130,7 +3129,7 @@ var AblePlayerInstances = [];
 					'group': 'captions',
 					'default': this.defaultCaptionsPosition
 				});
-			}	
+			}
 			prefs.push({
 				'name': 'prefCaptionsFont',
 				'label': this.tt.prefCaptionsFont,
@@ -3168,7 +3167,7 @@ var AblePlayerInstances = [];
 			});
 		}
 
-		if (this.mediaType === 'video') { 
+		if (this.mediaType === 'video') {
 			// Description preferences
 			prefs.push({
 				'name': 'prefDesc', // audio description default state
@@ -3249,10 +3248,10 @@ var AblePlayerInstances = [];
 			}
 		}
 
-		// Also load array of preferred voices from cookie 
-		if (typeof cookie.voices !== 'undefined') { 
-			this.prefVoices = cookie.voices;  
-		}			
+		// Also load array of preferred voices from cookie
+		if (typeof cookie.voices !== 'undefined') {
+			this.prefVoices = cookie.voices;
+		}
 
 		this.setCookie(cookie);
 	};
@@ -3272,7 +3271,7 @@ var AblePlayerInstances = [];
 			$div2,id2,$radio2,$label2,
 			options,$thisOption,optionValue,optionLang,optionText,sampleCapsDiv,
 			changedPref,changedSpan,changedText,
-			currentDescState, prefDescVoice, 
+			currentDescState, prefDescVoice,
 			$kbHeading,$kbList,kbLabels,keys,kbListText,$kbListItem,
 			dialog,saveButton,cancelButton;
 
@@ -3286,10 +3285,10 @@ var AblePlayerInstances = [];
 		var customClass = 'able-prefs-form-' + form;
 		$prefsDiv.addClass(customClass);
 
-		// add titles and intros 
-		if (form == 'captions') {			
+		// add titles and intros
+		if (form == 'captions') {
 			formTitle = this.tt.prefTitleCaptions;
-			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage 
+			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage
 		}
 		else if (form == 'descriptions') {
 			formTitle = this.tt.prefTitleDescriptions;
@@ -3347,10 +3346,10 @@ var AblePlayerInstances = [];
 		}
 		else if (form == 'transcript') {
 			formTitle = this.tt.prefTitleTranscript;
-			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage 
+			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage
 		}
 
-		$fieldset = $('<div>').attr('role','group');	
+		$fieldset = $('<div>').attr('role','group');
 		fieldsetClass = 'able-prefs-' + form;
 		fieldsetId = this.mediaId + '-prefs-' + form;
 		legendId = fieldsetId + '-legend';
@@ -3454,12 +3453,12 @@ var AblePlayerInstances = [];
 						$thisField = $('<select>',{
 							name: thisPref,
 							id: thisId,
-						});
-						if (thisPref === 'prefDescVoice' && this.descVoices) {
-							prefDescVoice = this.getPrefDescVoice(); 				
+						});						
+						if (thisPref === 'prefDescVoice' && this.descVoices.length) {
+							prefDescVoice = this.getPrefDescVoice();
 							for (j=0; j < this.descVoices.length; j++) {
 								optionValue = this.descVoices[j].name;
-								optionLang = this.descVoices[j].lang.substring(0,2).toLowerCase(); 
+								optionLang = this.descVoices[j].lang.substring(0,2).toLowerCase();
 								optionText = optionValue + ' (' + this.descVoices[j].lang + ')';
 								$thisOption = $('<option>',{
 									'value': optionValue,
@@ -3560,7 +3559,13 @@ var AblePlayerInstances = [];
 					}
 					$thisDiv.append($thisField,$thisLabel);
 				}
-				$fieldset.append($thisDiv);
+				if (thisPref === 'prefDescVoice' && !this.descVoices.length) { 
+					// No voices are available (e.g., in Safari 15.4 on Mac OS)
+					// Do not add a Voice select field 
+				}
+				else { 
+					$fieldset.append($thisDiv);
+				}
 			}
 		}
 		$prefsDiv.append($fieldset);
@@ -3583,7 +3588,7 @@ var AblePlayerInstances = [];
 					'class': 'able-desc-sample'
 				}).text(this.tt.sampleDescriptionText);
 				$prefsDiv.append(this.$sampleDescDiv);
-				this.currentSampleText = this.tt.sampleDescriptionText; 
+				this.currentSampleText = this.tt.sampleDescriptionText;
 			}
 		}
 		else if (form === 'keyboard') {
@@ -3723,9 +3728,9 @@ var AblePlayerInstances = [];
 		$prefsDiv.append(cancelButton);
 
 		// Associate the dialog's H1 as aria-labelledby for groups of fields
-		// (alternative to fieldset and legend) 
-		if (form === 'captions' || form === 'transcript') { 
-			$fieldset.attr('aria-labelledby',dialog.titleH1.attr('id')); 
+		// (alternative to fieldset and legend)
+		if (form === 'captions' || form === 'transcript') {
+			$fieldset.attr('aria-labelledby',dialog.titleH1.attr('id'));
 		}
 
 		// add global reference for future control
@@ -3757,23 +3762,23 @@ var AblePlayerInstances = [];
 
 	AblePlayer.prototype.getPrefDescVoice = function () {
 
-		// return user's preferred voice for the current language from cookie.voices 
-		var lang, cookie, i; 
+		// return user's preferred voice for the current language from cookie.voices
+		var lang, cookie, i;
 
-		if (this.selectedDescriptions) { 
-			lang = this.selectedDescriptions.language; 
+		if (this.selectedDescriptions) {
+			lang = this.selectedDescriptions.language;
 		}
-		else if (this.captionLang) { 
-			lang = this.captionLang; 
+		else if (this.captionLang) {
+			lang = this.captionLang;
 		}
-		else { 
-			lang = this.lang; 
+		else {
+			lang = this.lang;
 		}
-		cookie = this.getCookie(); 
-		if (cookie.voices) { 
-			for (i=0; i < cookie.voices.length; i++) { 
-				if (cookie.voices[i].lang === lang) { 					
-					return cookie.voices[i].name; 
+		cookie = this.getCookie();
+		if (cookie.voices) {
+			for (i=0; i < cookie.voices.length; i++) {
+				if (cookie.voices[i].lang === lang) {
+					return cookie.voices[i].name;
 				}
 			}
 		}
@@ -3782,9 +3787,9 @@ var AblePlayerInstances = [];
 
 	AblePlayer.prototype.rebuildDescPrefsForm = function () {
 
-		// Called if this.descVoices changes, which may happen if: 
-		//  getBrowserVoices() succeeds after an earlier failure 
-		//  user changes language of captions/subtitles and descVoices changes to match the new language 
+		// Called if this.descVoices changes, which may happen if:
+		//  getBrowserVoices() succeeds after an earlier failure
+		//  user changes language of captions/subtitles and descVoices changes to match the new language
 
 		var i, optionValue, optionText, $thisOption;
 
@@ -3805,112 +3810,112 @@ var AblePlayerInstances = [];
 		}
 	};
 
-	 AblePlayer.prototype.makePrefsValueReadable = function(pref,value) {
+	AblePlayer.prototype.makePrefsValueReadable = function(pref,value) {
 
-		 // The values for pitch, rate, and volume (web speech API)
-		 // are strange and inconsistent between variables
-		 // this function returns text that is more readable than the values themselves
+		// The values for pitch, rate, and volume (web speech API)
+		// are strange and inconsistent between variables
+		// this function returns text that is more readable than the values themselves
 
-		 if (pref === 'prefDescPitch') {
-			 if (value === 0) {
-				 return this.tt.prefDescPitch1;
-			 }
-			 else if (value === 0.5) {
-				 return this.tt.prefDescPitch2;
-			 }
-			 else if (value === 1) {
-				 return this.tt.prefDescPitch3;
-			 }
-			 else if (value === 1.5) {
-				 return this.tt.prefDescPitch4;
-			 }
-			 else if (value === 2) {
-				 return this.tt.prefDescPitch5;
-			 }
-		 }
-		 else if (pref === 'prefDescRate') {
-			 // default in the API is 0.1 to 10, where 1 is normal speaking voice
-			 // our custom range offers several rates close to 1
-			 // plus a couple of crazy fast ones for sport
-			 // Our more readable options (1-10) or mapped here to API values 
-			 if (value === 0.7) {
-				 return 1;
-			 }
-			 else if (value === 0.8) {
-				 return 2;
-			 }
-			 else if (value === 0.9) {
-				 return 3;
-			 }
-			 else if (value === 1) {
-				 return 4;
-			 }
-			 else if (value === 1.1) {
-				 return 5;
-			 }
-			 else if (value === 1.2) {
-				 return 6;
-			 }
-			 else if (value === 1.5) {
-				 return 7;
-			 }
-			 else if (value === 2) {
-				 return 8;
-			 }
-			 else if (value === 2.5) {
-				 return 9;
-			 }
-			 else if (value === 3) {
-				 return 10;
-			 }
-		 }
-		 else if (pref === 'prefDescVolume') {
-			 // values range from 0.1 to 1.0
-			 return value * 10;
-		 }
-		 return value;
-	 };
-
-	 AblePlayer.prototype.resetPrefsForm = function () {
-
-		 // Reset preferences form with default values from cookie
-		 // Called when:
-		 // User clicks cancel or close button in Prefs Dialog
-		 // User presses Escape to close Prefs dialog
-		 // User clicks Save in Prefs dialog, & there's more than one player on page
-
-		 var thisObj, cookie, available, i, prefName, prefId, thisDiv, thisId;
-
-		 thisObj = this;
-		 cookie = this.getCookie();
-		 available = this.getAvailablePreferences();
-		 for (i=0; i<available.length; i++) {
-			 prefName = available[i]['name'];
-			 prefId = this.mediaId + '_' + prefName;
-			 if ((prefName.indexOf('Captions') !== -1) && (prefName !== 'prefCaptions')) {
-				 // this is a caption-related select box
-				 $('select[name="' + prefName + '"]').val(cookie.preferences[prefName]);
-			 }
-			 else { // all others are checkboxes
-				 if (this[prefName] === 1) {
-					 $('input[name="' + prefName + '"]').prop('checked',true);
-					}
-					else {
-						$('input[name="' + prefName + '"]').prop('checked',false);
-					}
+		if (pref === 'prefDescPitch') {
+			if (value === 0) {
+				return this.tt.prefDescPitch1;
+			}
+			else if (value === 0.5) {
+				return this.tt.prefDescPitch2;
+			}
+			else if (value === 1) {
+				return this.tt.prefDescPitch3;
+			}
+			else if (value === 1.5) {
+				return this.tt.prefDescPitch4;
+			}
+			else if (value === 2) {
+				return this.tt.prefDescPitch5;
+			}
+		}
+		else if (pref === 'prefDescRate') {
+			// default in the API is 0.1 to 10, where 1 is normal speaking voice
+			// our custom range offers several rates close to 1
+			// plus a couple of crazy fast ones for sport
+			// Our more readable options (1-10) or mapped here to API values
+			if (value === 0.7) {
+				return 1;
+			}
+			else if (value === 0.8) {
+				return 2;
+			}
+			else if (value === 0.9) {
+				return 3;
+			}
+			else if (value === 1) {
+				return 4;
+			}
+			else if (value === 1.1) {
+				return 5;
+			}
+			else if (value === 1.2) {
+				return 6;
+			}
+			else if (value === 1.5) {
+				return 7;
+			}
+			else if (value === 2) {
+				return 8;
+			}
+			else if (value === 2.5) {
+				return 9;
+			}
+			else if (value === 3) {
+				return 10;
+			}
+		}
+		else if (pref === 'prefDescVolume') {
+			// values range from 0.1 to 1.0
+			return value * 10;
+		}
+		return value;
+	};
+
+	AblePlayer.prototype.resetPrefsForm = function () {
+
+		// Reset preferences form with default values from cookie
+		// Called when:
+		// User clicks cancel or close button in Prefs Dialog
+		// User presses Escape to close Prefs dialog
+		// User clicks Save in Prefs dialog, & there's more than one player on page
+
+		var thisObj, cookie, available, i, prefName, prefId, thisDiv, thisId;
+
+		thisObj = this;
+		cookie = this.getCookie();
+		available = this.getAvailablePreferences();
+		for (i=0; i<available.length; i++) {
+			prefName = available[i]['name'];
+			prefId = this.mediaId + '_' + prefName;
+			if ((prefName.indexOf('Captions') !== -1) && (prefName !== 'prefCaptions')) {
+				// this is a caption-related select box
+				$('select[name="' + prefName + '"]').val(cookie.preferences[prefName]);
+			}
+			else { // all others are checkboxes
+				if (this[prefName] === 1) {
+					$('input[name="' + prefName + '"]').prop('checked',true);
+				}
+				else {
+					$('input[name="' + prefName + '"]').prop('checked',false);
 				}
 			}
-			// also restore style of sample caption div
-			this.stylizeCaptions(this.$sampleCapsDiv);
-	 };
+		}
+		// also restore style of sample caption div
+		this.stylizeCaptions(this.$sampleCapsDiv);
+	};
 
 	AblePlayer.prototype.savePrefsFromForm = function () {
 
 		// Return a prefs object constructed from the form.
 		// called when user saves the Preferences form
 		// update cookie with new value
-		var cookie, available, prefName, prefId, 
-			voiceSelectId, newVoice, newVoiceLang, numChanges, voiceLangFound, 
+		var cookie, available, prefName, prefId,
+			voiceSelectId, newVoice, newVoiceLang, numChanges, voiceLangFound,
 			numCapChanges, capSizeChanged, capSizeValue, newValue;
 
 		numChanges = 0;
@@ -3923,28 +3928,28 @@ var AblePlayerInstances = [];
 			if (available[i]['label']) {
 				prefName = available[i]['name'];
 				prefId = this.mediaId + '_' + prefName;
-				if (prefName === 'prefDescVoice') { 
+				if (prefName === 'prefDescVoice') {
 					if (typeof cookie.voices === 'undefined') {
 						cookie.voices = [];
 					}
 					voiceSelectId = this.mediaId + '_prefDescVoice';
 					this.prefDescVoice = $('select#' + voiceSelectId).find(':selected').val();
 					this.prefDescVoiceLang = $('select#' + voiceSelectId).find(':selected').attr('data-lang');
-					// replace preferred voice for this lang in cookie.voices array, if one exists 
-					// otherwise, add it to the array 
-					voiceLangFound = false; 
-					for (var v=0; v < cookie.voices.length; v++) { 						
-						if (cookie.voices[v].lang === this.prefDescVoiceLang) { 
-							voiceLangFound = true; 
-							cookie.voices[v].name = this.prefDescVoice; 
+					// replace preferred voice for this lang in cookie.voices array, if one exists
+					// otherwise, add it to the array
+					voiceLangFound = false;
+					for (var v=0; v < cookie.voices.length; v++) {
+						if (cookie.voices[v].lang === this.prefDescVoiceLang) {
+							voiceLangFound = true;
+							cookie.voices[v].name = this.prefDescVoice;
 						}
 					}
-					if (!voiceLangFound) { 
-						// no voice has been saved yet for this language. Add it to array. 
+					if (!voiceLangFound) {
+						// no voice has been saved yet for this language. Add it to array.
 						newVoice = {'name':this.prefDescVoice, 'lang':this.prefDescVoiceLang};
-						cookie.voices.push(newVoice); 
-					}					
-					numChanges++; 
+						cookie.voices.push(newVoice);
+					}
+					numChanges++;
 				}
 				else if (prefName == 'prefDescMethod') {
 					// As of v4.0.10, prefDescMethod is no longer a choice
@@ -4052,7 +4057,7 @@ var AblePlayerInstances = [];
 
 		// Update player based on current prefs. Safe to call multiple times.
 
-		if (this.$transcriptDiv) { 
+		if (this.$transcriptDiv) {
 			// tabbable transcript
 			if (this.prefTabbable === 1) {
 				this.$transcriptDiv.find('span.able-transcript-seekpoint').attr('tabindex','0');
@@ -4865,21 +4870,21 @@ var AblePlayerInstances = [];
 
 		// create and inject surrounding HTML structure
 		// If IOS:
-		//	If video:
-		//	 IOS does not support any of the player's functionality
-		//	 - everything plays in its own player
-		//	 Therefore, AblePlayer is not loaded & all functionality is disabled
-		//	 (this all determined. If this is IOS && video, this function is never called)
-		//	If audio:
-		//	 HTML cannot be injected as a *parent* of the <audio> element
-		//	 It is therefore injected *after* the <audio> element
-		//	 This is only a problem in IOS 6 and earlier,
-		//	 & is a known bug, fixed in IOS 7
+		//  If video:
+		//   IOS does not support any of the player's functionality
+		//   - everything plays in its own player
+		//   Therefore, AblePlayer is not loaded & all functionality is disabled
+		//   (this all determined. If this is IOS && video, this function is never called)
+		//  If audio:
+		//   HTML cannot be injected as a *parent* of the <audio> element
+		//   It is therefore injected *after* the <audio> element
+		//   This is only a problem in IOS 6 and earlier,
+		//   & is a known bug, fixed in IOS 7
 
 		var thisObj, captionsContainer, prefsGroups, i;
 		thisObj = this;
 
-		// create three wrappers and wrap them around the media element. 
+		// create three wrappers and wrap them around the media element.
 		// From inner to outer:
 		// $mediaContainer - contains the original media element
 		// $ableDiv - contains the media player and all its objects (e.g., captions, controls, descriptions)
@@ -4888,9 +4893,9 @@ var AblePlayerInstances = [];
 		this.$ableDiv = this.$mediaContainer.wrap('<div class="able"></div>').parent();
 		this.$ableWrapper = this.$ableDiv.wrap('<div class="able-wrapper"></div>').parent();
 		this.$ableWrapper.addClass('able-skin-' + this.skin);
-				
+
 		this.$ableWrapper.css({
-			'width': this.playerWidth + 'px' 
+			'width': this.playerWidth + 'px'
 		});
 
 		if (this.mediaType === 'video') {
@@ -4904,17 +4909,17 @@ var AblePlayerInstances = [];
 
 		// add container that captions or description will be appended to
 		// Note: new Jquery object must be assigned _after_ wrap, hence the temp captionsContainer variable
-		captionsContainer = $('<div>'); 
-		if (this.mediaType === 'video') { 
-			captionsContainer.addClass('able-vidcap-container'); 
+		captionsContainer = $('<div>');
+		if (this.mediaType === 'video') {
+			captionsContainer.addClass('able-vidcap-container');
 		}
-		else if (this.mediaType === 'audio') { 
-			captionsContainer.addClass('able-audcap-container'); 
-			// hide this by default. It will be shown if captions are available 
+		else if (this.mediaType === 'audio') {
+			captionsContainer.addClass('able-audcap-container');
+			// hide this by default. It will be shown if captions are available
 			captionsContainer.addClass('captions-off');
 		}
 
-		this.injectPlayerControlArea(); // this may need to be injected after captions??? 
+		this.injectPlayerControlArea(); // this may need to be injected after captions???
 		this.$captionsContainer = this.$mediaContainer.wrap(captionsContainer).parent();
 		this.injectAlert();
 		this.injectPlaylist();
@@ -4950,7 +4955,7 @@ var AblePlayerInstances = [];
 
 		var thisObj, svgData, buttonIcon, svgPath;
 
-		thisObj = this; 
+		thisObj = this;
 
 		this.$bigPlayButton = $('<button>', {
 			'class': 'able-big-play-button',
@@ -4959,7 +4964,7 @@ var AblePlayerInstances = [];
 			'tabindex': 0
 		});
 
-		if (this.iconType == 'svg') { 
+		if (this.iconType == 'svg') {
 			svgData = this.getSvgData('play');
 			buttonIcon = $('<svg>',{
 				'focusable': 'false',
@@ -4975,7 +4980,7 @@ var AblePlayerInstances = [];
 			// Final step: Need to refresh the DOM in order for browser to process & display the SVG
 			this.$bigPlayButton.html(this.$bigPlayButton.html());
 		}
-		else { // use icon font 
+		else { // use icon font
 			this.$bigPlayIcon = $('<span>', {
 				'class': 'icon-play',
 			});
@@ -4986,7 +4991,7 @@ var AblePlayerInstances = [];
 			event.preventDefault();
 			thisObj.handlePlay();
 		});
-		
+
 		this.$mediaContainer.append(this.$bigPlayButton);
 	};
 
@@ -4998,7 +5003,7 @@ var AblePlayerInstances = [];
 			'aria-label' : this.mediaType + ' player'
 		});
 		this.$playerDiv.addClass('able-'+this.mediaType);
-		if (this.hasPlaylist && this.showNowPlaying) { 
+		if (this.hasPlaylist && this.showNowPlaying) {
 			this.$nowPlayingDiv = $('<div>',{
 				'class' : 'able-now-playing',
 				'aria-live' : 'assertive',
@@ -5040,15 +5045,15 @@ var AblePlayerInstances = [];
 		if (this.showNowPlaying) {
 			this.$playerDiv.append(this.$nowPlayingDiv, this.$controllerDiv, this.$statusBarDiv);
 		}
-		else { 
+		else {
 			this.$playerDiv.append(this.$controllerDiv, this.$statusBarDiv);
 		}
-		if (this.mediaType === 'video') { 
-			// the player controls go after the media & captions 
+		if (this.mediaType === 'video') {
+			// the player controls go after the media & captions
 			this.$ableDiv.append(this.$playerDiv);
 		}
-		else { 
-			// the player controls go before the media & captions 
+		else {
+			// the player controls go before the media & captions
 			this.$ableDiv.prepend(this.$playerDiv);
 		}
 	};
@@ -5060,9 +5065,9 @@ var AblePlayerInstances = [];
 			'class': 'able-descriptions'
 		});
 		// Add ARIA so description will be announced by screen readers
-		// Later (in description.js > showDescription()), 
+		// Later (in description.js > showDescription()),
 		// if browser supports Web Speech API and this.descMethod === 'browser'
-		// these attributes will be removed 
+		// these attributes will be removed
 		this.$descDiv.attr({
 			'aria-live': 'assertive',
 			'aria-atomic': 'true'
@@ -5220,10 +5225,10 @@ var AblePlayerInstances = [];
 			top = '-10';
 		}
 		else {
-			// position just below top of video by default 
-			// but this will change after video player is fully sized 
-			// see control.js > resizePlayer() 
-			top = '10'; 
+			// position just below top of video by default
+			// but this will change after video player is fully sized
+			// see control.js > resizePlayer()
+			top = '10';
 		}
 		this.$alertBox.css({
 			top: top + 'px'
@@ -5321,11 +5326,11 @@ var AblePlayerInstances = [];
 			hasDefault = false;
 			for (i = 0; i < tracks.length; i++) {
 				track = tracks[i];
-				if (which === 'captions' && this.player === 'html5' && typeof track.cues === 'undefined') {						
-					includeMenuItem = false; 
+				if (which === 'captions' && this.player === 'html5' && typeof track.cues === 'undefined') {
+					includeMenuItem = false;
 				}
-				else { 
-					includeMenuItem = true; 
+				else {
+					includeMenuItem = true;
 				}
 				if (includeMenuItem) {
 					$menuItem = $('<li></li>',{
@@ -5339,7 +5344,7 @@ var AblePlayerInstances = [];
 					}
 					else {
 						$menuItem.attr('aria-checked','false');
-					}			
+					}
 					// Get a label using track data
 					if (which == 'captions') {
 						$menuItem.text(track.label);
@@ -5362,7 +5367,7 @@ var AblePlayerInstances = [];
 					$menuItem.attr('aria-checked','true');
 					hasDefault = true;
 				}
-				else { 
+				else {
 					$menuItem.attr('aria-checked','false');
 				}
 				$menuItem.on('click',this.getCaptionOffFunction());
@@ -5429,7 +5434,7 @@ var AblePlayerInstances = [];
 		}
 		// add keyboard handlers for navigating within popups
 		$menu.on('keydown',function (e) {
-			
+
 			whichMenu = $(this).attr('id').split('-')[1];
 			$thisItem = $(this).find('li:focus');
 			if ($thisItem.is(':first-child')) {
@@ -5506,15 +5511,15 @@ var AblePlayerInstances = [];
 			},100);
 		}
 		if (this.$volumeSlider && this.$volumeSlider.is(':visible')) {
-			this.$volumeSlider.hide().attr('aria-hidden','true');			
+			this.$volumeSlider.hide().attr('aria-hidden','true');
 			this.$volumeButton.attr('aria-expanded', 'false').focus();
 		}
 		if (this.$transcriptPopup && this.$transcriptPopup.is(':visible')) {
-			this.hidingPopup = true; 
+			this.hidingPopup = true;
 			this.$transcriptPopup.hide();
 			// restore menu items to their original state
 			this.$transcriptPopup.find('li').removeClass('able-focus').attr('tabindex','-1');
-			this.$transcriptPopupButton.attr('aria-expanded','false').focus();			
+			this.$transcriptPopupButton.attr('aria-expanded','false').focus();
 			// wait briefly, then reset hidingPopup
 			setTimeout(function() {
 				thisObj.hidingPopup = false;
@@ -5599,101 +5604,101 @@ var AblePlayerInstances = [];
 
 	AblePlayer.prototype.provideFallback = function() {
 
-		// provide fallback in case of a critical error building the player 
-		// to test, set data-test-fallback to either of the following values: 
-		// 1 = emulate failure to build Able Player 
-		// 2 = emulate browser that doesn't support HTML5 media 
+		// provide fallback in case of a critical error building the player
+		// to test, set data-test-fallback to either of the following values:
+		// 1 = emulate failure to build Able Player
+		// 2 = emulate browser that doesn't support HTML5 media
 
 		var i, $fallback;
 
-		if (this.usingFallback) { 
-			// fallback has already been implemented. 
+		if (this.usingFallback) {
+			// fallback has already been implemented.
 			// stopgap to prevent this function from executing twice on the same media element
-			return; 
+			return;
 		}
-		else { 
-			this.usingFallback = true; 
+		else {
+			this.usingFallback = true;
 		}
 
-		if (!this.testFallback) { 
-			// this is not a test. 
-			// an actual error has resulted in this function being called. 
-			// use scenario 1 
-			this.testFallback = 1; 
+		if (!this.testFallback) {
+			// this is not a test.
+			// an actual error has resulted in this function being called.
+			// use scenario 1
+			this.testFallback = 1;
 		}
 
-		if (typeof this.$media === 'undefined') { 
-			// this function has been called prior to initialize.js > reinitialize() 
+		if (typeof this.$media === 'undefined') {
+			// this function has been called prior to initialize.js > reinitialize()
 			// before doing anything, need to create the jQuery media object
-			this.$media = $(this.media); 
-		} 
+			this.$media = $(this.media);
+		}
 
-		// get/assign an id for the media element 
-		if (this.$media.attr('id')) { 
-			this.mediaId = this.$media.attr('id'); 
+		// get/assign an id for the media element
+		if (this.$media.attr('id')) {
+			this.mediaId = this.$media.attr('id');
 		}
-		else { 
+		else {
 			this.mediaId = 'media' + Math.floor(Math.random() * 1000000000).toString();
-		} 
+		}
 
-		// check whether element has nested fallback content 
-		this.hasFallback = false; 
-		if (this.$media.children().length) { 
-			i = 0; 
-			while (i < this.$media.children().length && !this.hasFallback) { 
-				if (!(this.$media.children()[i].tagName === 'SOURCE' || 
-					this.$media.children()[i].tagName === 'TRACK')) { 
-					// this element is something other than <source> or <track> 
-					this.hasFallback = true; 
+		// check whether element has nested fallback content
+		this.hasFallback = false;
+		if (this.$media.children().length) {
+			i = 0;
+			while (i < this.$media.children().length && !this.hasFallback) {
+				if (!(this.$media.children()[i].tagName === 'SOURCE' ||
+					this.$media.children()[i].tagName === 'TRACK')) {
+					// this element is something other than <source> or <track>
+					this.hasFallback = true;
 				}
-				i++; 
+				i++;
 			}
 		}
-		if (!this.hasFallback) { 
-			// the HTML code does not include any nested fallback content 
-			// inject our own 
-			// NOTE: this message is not translated, since fallback may be needed 
-			// due to an error loading the translation file 
-			// This will only be needed on very rare occasions, so English is ok. 
-			$fallback = $('<p>').text('Media player unavailable.'); 
-			this.$media.append($fallback); 
+		if (!this.hasFallback) {
+			// the HTML code does not include any nested fallback content
+			// inject our own
+			// NOTE: this message is not translated, since fallback may be needed
+			// due to an error loading the translation file
+			// This will only be needed on very rare occasions, so English is ok.
+			$fallback = $('<p>').text('Media player unavailable.');
+			this.$media.append($fallback);
 		}
 
-		// get height and width attributes, if present 
+		// get height and width attributes, if present
 		// and add them to a style attribute
-		if (this.$media.attr('width')) { 
-			this.$media.css('width',this.$media.attr('width') + 'px'); 
+		if (this.$media.attr('width')) {
+			this.$media.css('width',this.$media.attr('width') + 'px');
 		}
-		if (this.$media.attr('height')) { 
-			this.$media.css('height',this.$media.attr('height') + 'px'); 
+		if (this.$media.attr('height')) {
+			this.$media.css('height',this.$media.attr('height') + 'px');
 		}
-		// Remove data-able-player attribute 
-		this.$media.removeAttr('data-able-player'); 
+		// Remove data-able-player attribute
+		this.$media.removeAttr('data-able-player');
 
 		// Add controls attribute (so browser will add its own controls)
-		this.$media.prop('controls',true); 
+		this.$media.prop('controls',true);
 
-		if (this.testFallback == 2) { 
+		if (this.testFallback == 2) {
 
-			// emulate browser failure to support HTML5 media by changing the media tag name 
-			// browsers should display the supported content that's nested inside 
+			// emulate browser failure to support HTML5 media by changing the media tag name
+			// browsers should display the supported content that's nested inside
 			$(this.$media).replaceWith($('<foobar id="foobar-' + this.mediaId + '">'));
-			this.$newFallbackElement = $('#foobar-' + this.mediaId); 			
+			this.$newFallbackElement = $('#foobar-' + this.mediaId);
 
-			// append all children from the original media 
-			if (this.$media.children().length) { 
-				i = this.$media.children().length - 1; 
-				while (i >= 0) { 
-					this.$newFallbackElement.prepend($(this.$media.children()[i])); 
-					i--; 
+			// append all children from the original media
+			if (this.$media.children().length) {
+				i = this.$media.children().length - 1;
+				while (i >= 0) {
+					this.$newFallbackElement.prepend($(this.$media.children()[i]));
+					i--;
 				}
 			}
-			if (!this.hasFallback) { 
+			if (!this.hasFallback) {
 				// inject our own fallback content, defined above
 				this.$newFallbackElement.append($fallback);
 			}
 		}
-		return; 
+		return;
 	};
 
 	AblePlayer.prototype.calculateControlLayout = function () {
@@ -5767,7 +5772,7 @@ var AblePlayerInstances = [];
 				controlLayout[1].push('sign');
 			}
 		}
-		if (this.mediaType === 'video') { 
+		if (this.mediaType === 'video') {
 			if (this.hasOpenDesc || this.hasClosedDesc) {
 				numA11yButtons++;
 				if (this.skin === 'legacy') {
@@ -5873,7 +5878,7 @@ var AblePlayerInstances = [];
 		}).hide();
 		this.$controllerDiv.append(this.$tooltipDiv);
 
-		if (this.skin == '2020') {			
+		if (this.skin == '2020') {
 			// add a full-width seek bar
 			$sliderDiv = $('<div class="able-seekbar"></div>');
 			sliderLabel = this.mediaType + ' ' + this.tt.seekbarLabel;
@@ -6151,13 +6156,13 @@ var AblePlayerInstances = [];
 						var controllerWidth = thisObj.$controllerDiv.width();
 						position.right = controllerWidth - position.left - buttonWidth;
 
-						// The following formula positions tooltip above the button  
+						// The following formula positions tooltip above the button
 						// var tooltipY = position.top - buttonHeight - 15;
 
-						// The following formula positions tooltip below the button 
+						// The following formula positions tooltip below the button
 						// which allows the tooltip to be hoverable as per WCAG 2.x SC 1.4.13
-						// without obstructing the seekbar 
-						var tooltipY = position.top + buttonHeight + 5; 
+						// without obstructing the seekbar
+						var tooltipY = position.top + buttonHeight + 5;
 
 						if ($(this).parent().hasClass('able-right-controls')) {
 							// this control is on the right side
@@ -6201,13 +6206,13 @@ var AblePlayerInstances = [];
 							// hide tooltip  (original line of code)
 							// AblePlayer.localGetElementById($newButton[0], tooltipId).text('').hide();
 
-							// The above line was replaced with the following block 
-							// in order to meet WCAG 2.x SC 1.4.13 
+							// The above line was replaced with the following block
+							// in order to meet WCAG 2.x SC 1.4.13
 							// (keep the tooltip visible if user hovers over it)
-							// This causes unwanted side effects if tooltips are positioned above the buttons 
-							// as the persistent tooltip obstructs the seekbar, 
-							// blocking users from being able to move a pointer from a button to the seekbar 
-							// This limitation was addressed in 4.4.49 by moving the tooltip below the buttons 
+							// This causes unwanted side effects if tooltips are positioned above the buttons
+							// as the persistent tooltip obstructs the seekbar,
+							// blocking users from being able to move a pointer from a button to the seekbar
+							// This limitation was addressed in 4.4.49 by moving the tooltip below the buttons
 
 							// clear existing timeout before reassigning variable
 							clearTimeout(tooltipTimerId);
@@ -6224,8 +6229,8 @@ var AblePlayerInstances = [];
 							thisObj.$tooltipDiv.on('mouseleave blur', function() {
 								AblePlayer.localGetElementById($newButton[0], tooltipId).text('').hide();
 							});
-							
-						}); 
+
+						});
 					});
 
 					if (control === 'captions') {
@@ -6561,19 +6566,19 @@ var AblePlayerInstances = [];
 		// set swappingSrc; needs to be true within recreatePlayer(), called below
 		this.swappingSrc = true;
 
-		// if a new playlist item is being requested, and playback has already started,  
-		// it should be ok to play automatically, regardless of how it was requested 
-		if (this.startedPlaying) { 
-			this.okToPlay = true; 
+		// if a new playlist item is being requested, and playback has already started,
+		// it should be ok to play automatically, regardless of how it was requested
+		if (this.startedPlaying) {
+			this.okToPlay = true;
 		}
-		else { 
-			this.okToPlay = false; 
+		else {
+			this.okToPlay = false;
 		}
 
-		// We are no longer loading the previous media source 
-		// Only now, as a new source is requested, is it safe to reset this var 
-		// It will be reset to true when media.load() is called 
-		this.loadingMedia = false; 
+		// We are no longer loading the previous media source
+		// Only now, as a new source is requested, is it safe to reset this var
+		// It will be reset to true when media.load() is called
+		this.loadingMedia = false;
 
 		// Determine appropriate player to play this media
 		$newItem = this.$playlist.eq(sourceIndex);
@@ -6683,18 +6688,18 @@ var AblePlayerInstances = [];
 		this.$sources = this.$media.find('source');
 
 		// recreate player, informed by new attributes and track elements
-		if (this.recreatingPlayer) { 
+		if (this.recreatingPlayer) {
 			// stopgap to prevent multiple firings of recreatePlayer()
-			return; 
+			return;
 		}
-		this.recreatePlayer().then(function() { 
+		this.recreatePlayer().then(function() {
 
 			// update playlist to indicate which item is playing
 			thisObj.$playlist.removeClass('able-current')
 				.children('button').removeAttr('aria-current');
 			thisObj.$playlist.eq(sourceIndex).addClass('able-current')
-				.children('button').attr('aria-current','true'); 
-			
+				.children('button').attr('aria-current','true');
+
 			// update Now Playing div
 			if (thisObj.showNowPlaying === true) {
 				if (typeof thisObj.$nowPlayingDiv !== 'undefined') {
@@ -6713,42 +6718,42 @@ var AblePlayerInstances = [];
 			}
 			else {
 				if (thisObj.player === 'html5') {
-					if (!thisObj.loadingMedia) { 
+					if (!thisObj.loadingMedia) {
 						thisObj.media.load();
-						thisObj.loadingMedia = true; 
+						thisObj.loadingMedia = true;
 					}
 				}
 				else if (thisObj.player === 'youtube') {
-					thisObj.okToPlay = true; 
+					thisObj.okToPlay = true;
 				}
 			}
 			thisObj.initializing = false;
-			thisObj.playerCreated = true; // remains true until browser is refreshed		
-		});	
+			thisObj.playerCreated = true; // remains true until browser is refreshed
+		});
 	};
 
 	AblePlayer.prototype.deletePlayer = function(context) {
 
-		// remove player components that need to be rebuilt 
-		// after swapping media sources that have different durations 
-		// or explicitly declared data-desc attributes  
+		// remove player components that need to be rebuilt
+		// after swapping media sources that have different durations
+		// or explicitly declared data-desc attributes
 
-		// Context is one of the following: 
-		// playlist - called from cuePlaylistItem() 
+		// Context is one of the following:
+		// playlist - called from cuePlaylistItem()
 		// swap-desc-html - called from swapDescription with this.player == 'html'
-		// swap-desc-youtube - called from swapDescription with this.player == 'youtube'  
-		// swap-desc-vimeo -  called from swapDescription with this.player == 'vimeo'  
+		// swap-desc-youtube - called from swapDescription with this.player == 'youtube'
+		// swap-desc-vimeo -  called from swapDescription with this.player == 'vimeo'
 
-		if (this.player === 'youtube' && this.youTubePlayer) { 
-			this.youTubePlayer.destroy(); 
+		if (this.player === 'youtube' && this.youTubePlayer) {
+			this.youTubePlayer.destroy();
 		}
 
-		if (this.player === 'vimeo' && this.vimeoPlayer) { 
-			this.vimeoPlayer.destroy(); 
+		if (this.player === 'vimeo' && this.vimeoPlayer) {
+			this.vimeoPlayer.destroy();
 		}
 
 
-/*	TODO - Investigate: when is this needed? 
+/*	TODO - Investigate: when is this needed?
 		// remove previous video's attributes and child elements from media element
 		this.$media.removeAttr('poster width height');
 		this.$media.empty();
@@ -6759,7 +6764,7 @@ var AblePlayerInstances = [];
 		// this.$timer.empty();
 		this.$elapsedTimeContainer.empty().text('0:00'); // span.able-elapsedTime
 		this.$durationContainer.empty(); // span.able-duration
-		
+
 		// Remove popup windows and modal dialogs; these too will be rebuilt
 		if (this.$signWindow) {
 				this.$signWindow.remove();
@@ -6768,27 +6773,27 @@ var AblePlayerInstances = [];
 				this.$transcriptArea.remove();
 		}
 		$('.able-modal-dialog').remove();
-		
-		// Remove caption and description wrappers 
+
+		// Remove caption and description wrappers
 		if (this.$captionsWrapper) {
 			this.$captionsWrapper.remove();
 		}
-		if (this.$descDiv) { 
-			this.$descDiv.remove(); 
+		if (this.$descDiv) {
+			this.$descDiv.remove();
 		}
-		
+
 		// reset key variables
 		this.hasCaptions = false;
 		this.hasChapters = false;
-		this.hasDescTracks = false; 
+		this.hasDescTracks = false;
 		this.hasOpenDesc = false;
-		this.hasClosedDesc = false; 
+		this.hasClosedDesc = false;
 
 		this.captionsPopup = null;
 		this.chaptersPopup = null;
 		this.transcriptType = null;
 
-		this.playerDeleted = true; // will reset to false in recreatePlayer() 
+		this.playerDeleted = true; // will reset to false in recreatePlayer()
 	};
 
 	AblePlayer.prototype.getButtonTitle = function(control) {
@@ -6867,12 +6872,12 @@ var AblePlayerInstances = [];
 		else if (control === 'help') {
 			// return this.tt.help;
 		}
-		else if (control === 'fullscreen') { 
+		else if (control === 'fullscreen') {
 			if (!this.fullscreen) {
-				return this.tt.enterFullscreen; 
+				return this.tt.enterFullscreen;
 			}
-			else { 
-				return this.tt.exitFullscreen; 
+			else {
+				return this.tt.exitFullscreen;
 			}
 		}
 		else {
@@ -7580,8 +7585,8 @@ if (typeof module !== "undefined" && module.exports) {
   };
 })(jQuery);
 
-
 (function ($) {
+
 	AblePlayer.prototype.initYouTubePlayer = function () {
 
 		var thisObj, deferred, promise, youTubeId, googleApiPromise, json;
@@ -7590,7 +7595,7 @@ if (typeof module !== "undefined" && module.exports) {
 		deferred = new $.Deferred();
 		promise = deferred.promise();
 
-		this.youTubePlayerReady = false; 
+		this.youTubePlayerReady = false;
 
 		// if a described version is available && user prefers desription
 		// init player using the described version
@@ -7648,8 +7653,8 @@ if (typeof module !== "undefined" && module.exports) {
 		// cc_load_policy:
 		// 0 - show captions depending on user's preference on YouTube
 		// 1 - show captions by default, even if the user has turned them off
-		// IMPORTANT: This *must* be set to 1 or some browsers 
-		// fail to load any texttracks (observed in Chrome, not in Firefox) 
+		// IMPORTANT: This *must* be set to 1 or some browsers
+		// fail to load any texttracks (observed in Chrome, not in Firefox)
 		ccLoadPolicy = 1;
 
 		if (this.okToPlay) {
@@ -7661,9 +7666,9 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// Documentation https://developers.google.com/youtube/player_parameters
 
-		if (typeof this.captionLang == 'undefined') { 
+		if (typeof this.captionLang == 'undefined') {
 			// init using the default player lang
-			this.captionLang = this.lang; 
+			this.captionLang = this.lang;
 		}
 		this.youTubePlayer = new YT.Player(containerId, {
 			videoId: this.activeYouTubeId,
@@ -7676,19 +7681,19 @@ if (typeof module !== "undefined" && module.exports) {
 				start: this.startTime,
 				controls: 0, // no controls, using our own
 				cc_load_policy: ccLoadPolicy,
-				cc_lang_pref: this.captionLang, // set the caption language 
-				hl: this.lang, // set the UI language to match Able Player 
+				cc_lang_pref: this.captionLang, // set the caption language
+				hl: this.lang, // set the UI language to match Able Player
 				modestbranding: 1, // no YouTube logo in controller
 				rel: 0, // when video ends, show only related videos from same channel (1 shows any)
 				iv_load_policy: 3 // do not show video annotations
 			},
 			events: {
 				onReady: function () {
-					thisObj.youTubePlayerReady = true; 
-					if (!thisObj.playerWidth || !thisObj.playerHeight) { 
+					thisObj.youTubePlayerReady = true;
+					if (!thisObj.playerWidth || !thisObj.playerHeight) {
 						thisObj.getYouTubeDimensions();
 					}
-					if (thisObj.playerWidth && thisObj.playerHeight) { 
+					if (thisObj.playerWidth && thisObj.playerHeight) {
 						thisObj.youTubePlayer.setSize(thisObj.playerWidth,thisObj.playerHeight);
 						thisObj.$ableWrapper.css({
 							'width': thisObj.playerWidth + 'px'
@@ -7707,7 +7712,7 @@ if (typeof module !== "undefined" && module.exports) {
 					if (thisObj.userClickedPlaylist) {
 						thisObj.userClickedPlaylist = false; // reset
 					}
-					if (thisObj.recreatingPlayer) { 
+					if (thisObj.recreatingPlayer) {
 						thisObj.recreatingPlayer = false; // reset
 					}
 					deferred.resolve();
@@ -7715,7 +7720,7 @@ if (typeof module !== "undefined" && module.exports) {
 				onError: function (x) {
 					deferred.fail();
 				},
-				onStateChange: function (x) {				
+				onStateChange: function (x) {
 					thisObj.getPlayerState().then(function(playerState) {
 						// values of playerState: 'playing','paused','buffering','ended'
 						if (playerState === 'playing') {
@@ -7741,13 +7746,13 @@ if (typeof module !== "undefined" && module.exports) {
 						}
 					});
 					// If caption tracks are hosted locally, but are also available on YouTube,
-					// we need to turn them off on YouTube or there will be redundant captions 
-					// This is the most reliable event on which to unload the caption module 
-					if (thisObj.player === 'youtube' && !thisObj.usingYouTubeCaptions) { 						
-						if (thisObj.youTubePlayer.getOptions('captions')) { 							
+					// we need to turn them off on YouTube or there will be redundant captions
+					// This is the most reliable event on which to unload the caption module
+					if (thisObj.player === 'youtube' && !thisObj.usingYouTubeCaptions) {
+						if (thisObj.youTubePlayer.getOptions('captions')) {
 							thisObj.youTubePlayer.unloadModule('captions');
 						}
-					}			 			
+					}
 				},
 				onPlaybackQualityChange: function () {
 					// do something
@@ -7758,24 +7763,24 @@ if (typeof module !== "undefined" && module.exports) {
 			// remove the media element, since YouTube replaces that with its own element in an iframe
 			// this is handled differently for playlists. See buildplayer.js > cuePlaylistItem()
 			this.$media.remove();
-		}		
+		}
 		return promise;
 	};
 
 	AblePlayer.prototype.getYouTubeDimensions = function (youTubeContainerId) {
 
-		// The YouTube iframe API does not have a getSize() of equivalent method 
-		// so, need to get dimensions from YouTube's iframe 
+		// The YouTube iframe API does not have a getSize() of equivalent method
+		// so, need to get dimensions from YouTube's iframe
 
-		var $iframe, width, height; 
+		var $iframe, width, height;
 
-		$iframe = this.$ableWrapper.find('iframe'); 
+		$iframe = this.$ableWrapper.find('iframe');
 		if (typeof $iframe !== 'undefined') {
-			if ($iframe.prop('width')) { 
-				width = $iframe.prop('width');			
-				if ($iframe.prop('height')) { 
+			if ($iframe.prop('width')) {
+				width = $iframe.prop('width');
+				if ($iframe.prop('height')) {
 					height = $iframe.prop('height');
-					this.resizePlayer(width,height); 
+					this.resizePlayer(width,height);
 				}
 			}
 		}
@@ -7784,14 +7789,14 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.getYouTubeCaptionTracks = function (youTubeId) {
 
 		// get data via YouTube IFrame Player API, and push data to this.tracks & this.captions
-		// NOTE: Caption tracks are not available through the IFrame Player API 
-		// until AFTER the video has started playing. 
+		// NOTE: Caption tracks are not available through the IFrame Player API
+		// until AFTER the video has started playing.
 		// Therefore, this function plays the video briefly in order to load the captions module
-		// then stops the video and collects the data needed to build the cc menu 
-		// This is stupid, but seemingly unavoidable. 
-		// Caption tracks could be obtained through the YouTube Data API 
-		// but this required authors to have a Google API key, 
-		// which would complicate Able Player installation 
+		// then stops the video and collects the data needed to build the cc menu
+		// This is stupid, but seemingly unavoidable.
+		// Caption tracks could be obtained through the YouTube Data API
+		// but this required authors to have a Google API key,
+		// which would complicate Able Player installation
 
 		var deferred = new $.Deferred();
 		var promise = deferred.promise();
@@ -7799,44 +7804,44 @@ if (typeof module !== "undefined" && module.exports) {
 		var thisObj, ytTracks, i, trackLang, trackLabel, isDefaultTrack;
 
 		thisObj = this;
-		
-		if (!this.youTubePlayer.getOption('captions','tracklist')) { 
 
-			// no tracks were found, probably because the captions module hasn't loaded  
-			// play video briefly (required in order to load the captions module) 
+		if (!this.youTubePlayer.getOption('captions','tracklist')) {
+
+			// no tracks were found, probably because the captions module hasn't loaded
+			// play video briefly (required in order to load the captions module)
 			// and after the apiChange event is triggered, try again to retreive tracks
-			this.youTubePlayer.addEventListener('onApiChange',function(x) { 
-
-				// getDuration() also requires video to play briefly 
-				// so, let's set that while we're here 				
-				thisObj.duration = thisObj.youTubePlayer.getDuration();				
-
-				if (thisObj.loadingYouTubeCaptions) { 				
-					// loadingYouTubeCaptions is a stopgap in case onApiChange is called more than once 
-					ytTracks = thisObj.youTubePlayer.getOption('captions','tracklist');					
-					if (!thisObj.okToPlay) { 
-						// Don't stopVideo() - that cancels loading 
-						// Just pause 
-						// No need to seekTo(0) - so little time has passed it isn't noticeable to the user 
-						thisObj.youTubePlayer.pauseVideo(); 
+			this.youTubePlayer.addEventListener('onApiChange',function(x) {
+
+				// getDuration() also requires video to play briefly
+				// so, let's set that while we're here
+				thisObj.duration = thisObj.youTubePlayer.getDuration();
+
+				if (thisObj.loadingYouTubeCaptions) {
+					// loadingYouTubeCaptions is a stopgap in case onApiChange is called more than once
+					ytTracks = thisObj.youTubePlayer.getOption('captions','tracklist');
+					if (!thisObj.okToPlay) {
+						// Don't stopVideo() - that cancels loading
+						// Just pause
+						// No need to seekTo(0) - so little time has passed it isn't noticeable to the user
+						thisObj.youTubePlayer.pauseVideo();
 					}
-					if (ytTracks && ytTracks.length) { 
+					if (ytTracks && ytTracks.length) {
 						// Step through ytTracks and add them to global tracks array
-						// Note: Unlike YouTube Data API, the IFrame Player API only returns 
-						// tracks that are published, and does NOT include ASR captions 
-						// So, no additional filtering is required 
+						// Note: Unlike YouTube Data API, the IFrame Player API only returns
+						// tracks that are published, and does NOT include ASR captions
+						// So, no additional filtering is required
 						for (i=0; i < ytTracks.length; i++) {
-							trackLang = ytTracks[i].languageCode; 
+							trackLang = ytTracks[i].languageCode;
 							trackLabel = ytTracks[i].languageName; // displayName and languageName seem to always have the same value
-							isDefaultTrack = false; 
-							if (typeof thisObj.captionLang !== 'undefined') { 
+							isDefaultTrack = false;
+							if (typeof thisObj.captionLang !== 'undefined') {
 								if (trackLang === thisObj.captionLang) {
-									isDefaultTrack = true;						
+									isDefaultTrack = true;
 								}
 							}
-							else if (typeof thisObj.lang !== 'undefined') { 
+							else if (typeof thisObj.lang !== 'undefined') {
 								if (trackLang === thisObj.lang) {
-									isDefaultTrack = true;						
+									isDefaultTrack = true;
 								}
 							}
 							thisObj.tracks.push({
@@ -7850,38 +7855,38 @@ if (typeof module !== "undefined" && module.exports) {
 								'label': trackLabel,
 								'def': isDefaultTrack,
 								'cues': null
-							});							
+							});
 						}
 						thisObj.hasCaptions = true;
 						// setupPopups again with new captions array, replacing original
-						thisObj.setupPopups('captions');				
+						thisObj.setupPopups('captions');
 					}
-					else { 
-						// there are no YouTube captions 
-						thisObj.usingYouTubeCaptions = false; 
+					else {
+						// there are no YouTube captions
+						thisObj.usingYouTubeCaptions = false;
 						thisObj.hasCaptions = false;
 					}
-					thisObj.loadingYouTubeCaptions = false; 
-					if (thisObj.okToPlay) { 
+					thisObj.loadingYouTubeCaptions = false;
+					if (thisObj.okToPlay) {
 						thisObj.youTubePlayer.playVideo();
 					}
 				}
-				if (thisObj.captionLangPending) { 
-					// user selected a new caption language prior to playback starting 
-					// set it now 
+				if (thisObj.captionLangPending) {
+					// user selected a new caption language prior to playback starting
+					// set it now
 					thisObj.youTubePlayer.setOption('captions', 'track', {'languageCode': thisObj.captionLangPending});
-					thisObj.captionLangPending = null; 
+					thisObj.captionLangPending = null;
 				}
-				if (typeof thisObj.prefCaptionsSize !== 'undefined') { 
-					// set the default caption size 
-					// this doesn't work until the captions module is loaded 
+				if (typeof thisObj.prefCaptionsSize !== 'undefined') {
+					// set the default caption size
+					// this doesn't work until the captions module is loaded
 					thisObj.youTubePlayer.setOption('captions','fontSize',thisObj.translatePrefs('size',thisObj.prefCaptionsSize,'youtube'));
 				}
 				deferred.resolve();
 			});
-			// Trigger the above event listener by briefly playing the video 		
-			this.loadingYouTubeCaptions = true; 	
-			this.youTubePlayer.playVideo();		
+			// Trigger the above event listener by briefly playing the video
+			this.loadingYouTubeCaptions = true;
+			this.youTubePlayer.playVideo();
 		}
 		return promise;
 	};
@@ -7890,8 +7895,8 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// return URL for retrieving WebVTT source via YouTube's timedtext API
 		// Note: This API seems to be undocumented, and could break anytime
-		// UPDATE: Google removed this API on November 10, 2021 
-		// This function is no longer called, but is preserved here for reference 
+		// UPDATE: Google removed this API on November 10, 2021
+		// This function is no longer called, but is preserved here for reference
 		var url = 'https://www.youtube.com/api/timedtext?fmt=vtt';
 		url += '&v=' + youTubeId;
 		url += '&lang=' + trackLang;
@@ -7930,23 +7935,23 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.getYouTubeId = function (url) {
 
 		// return a YouTube ID, extracted from a full YouTube URL
-		// Supported URL patterns (with http or https): 
+		// Supported URL patterns (with http or https):
 		// https://youtu.be/xxx
 		// https://www.youtube.com/watch?v=xxx
 		// https://www.youtube.com/embed/xxx
 
-		// in all supported patterns, the id is the last 11 characters 
-		var idStartPos, id; 
+		// in all supported patterns, the id is the last 11 characters
+		var idStartPos, id;
 
-		if (url.indexOf('youtu') !== -1) { 
-			// this is a full Youtube URL 
-			url = url.trim(); 
-			idStartPos = url.length - 11; 
-			id = url.substring(idStartPos); 
-			return id; 
+		if (url.indexOf('youtu') !== -1) {
+			// this is a full Youtube URL
+			url = url.trim();
+			idStartPos = url.length - 11;
+			id = url.substring(idStartPos);
+			return id;
 		}
-		else { 
-			return url; 
+		else {
+			return url;
 		}
 };
 
@@ -7956,9 +7961,9 @@ if (typeof module !== "undefined" && module.exports) {
 
 
 	// Events:
-	//	 startTracking(event, position)
-	//	 tracking(event, position)
-	//	 stopTracking(event, position)
+	// - startTracking(event, position)
+	// - tracking(event, position)
+	// - stopTracking(event, position)
 
 	window. AccessibleSlider = function(mediaType, div, orientation, length, min, max, bigInterval, label, className, trackingMedia, initialState) {
 
@@ -8276,7 +8281,7 @@ if (typeof module !== "undefined" && module.exports) {
 		this.updateAriaValues(position, updateLive);
 	}
 
-	// TODO: Native HTML5 can have several buffered segments, and this actually happens quite often.	Change this to display them all.
+	// TODO: Native HTML5 can have several buffered segments, and this actually happens quite often. Change this to display them all.
 	AccessibleSlider.prototype.setBuffered = function (ratio) {
 		if (!isNaN(ratio)) {
 			this.buffered = ratio;
@@ -8457,10 +8462,10 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.addVolumeSlider = function($div) {
 
-		// Prior to v4.4.64, we were using a custom-build vertical volunme slider 
-		// Changed to input type="range" because it's standard and gaining more widespread support 
-		// including screen reader support  
-		// TODO: Improve presentation of vertical slider. That requires some CSS finesse.  
+		// Prior to v4.4.64, we were using a custom-build vertical volunme slider
+		// Changed to input type="range" because it's standard and gaining more widespread support
+		// including screen reader support
+		// TODO: Improve presentation of vertical slider. That requires some CSS finesse.
 
 		var thisObj, volumeSliderId, volumeHelpId, volumePct, tickLabelsId, $tickLabels, i, $tickOption, tickLabel;
 
@@ -8480,12 +8485,12 @@ if (typeof module !== "undefined" && module.exports) {
 			'class': 'able-tooltip',
 			'role': 'tooltip'
 		}).hide();
-		this.$volumeRange = $('<input>',{ 
+		this.$volumeRange = $('<input>',{
 			'type': 'range',
 			'min': '0',
 			'max': '10',
 			'step': '1',
-			'orient': 'vertical', // non-standard, but required for Firefox 
+			'orient': 'vertical', // non-standard, but required for Firefox
 			'aria-label': this.tt.volumeUpDown,
 			'value': this.volume
 			// 'list': tickLabelsId // Uncomment this to use tickLabels (see note below)
@@ -8501,24 +8506,24 @@ if (typeof module !== "undefined" && module.exports) {
 		});
 		$tickLabels = $('<datalist>',{
 			'id': tickLabelsId
-		}); 
-		for (i = 0; i <= 10; i++) { 
-			if (i === 0) { 
-				tickLabel = this.tt.mute; 
+		});
+		for (i = 0; i <= 10; i++) {
+			if (i === 0) {
+				tickLabel = this.tt.mute;
 			}
-			else { 
-				tickLabel = (i * 10) + '%'; 
+			else {
+				tickLabel = (i * 10) + '%';
 			}
-			$tickOption = $('<option>',{ 
-				'value': i, 
+			$tickOption = $('<option>',{
+				'value': i,
 				'label': tickLabel
 			})
-			$tickLabels.append($tickOption); 
-		}		
+			$tickLabels.append($tickOption);
+		}
 		this.$volumeSlider.append(this.$volumeSliderTooltip,this.$volumeRange,this.$volumeHelp);
-		// To add $tickLabels, use the following line of code to replace the one above 
-		// and uncommnet the 'list' property in the definition of this.$volumeRange above 
-		// As of Nov 2022, this feature is not supported by any screen reader 
+		// To add $tickLabels, use the following line of code to replace the one above
+		// and uncommnet the 'list' property in the definition of this.$volumeRange above
+		// As of Nov 2022, this feature is not supported by any screen reader
 		// this.$volumeSlider.append(this.$volumeSliderTooltip,this.$volumeRange,this.$volumeHelp,$tickLabels);
 
 		$div.append(this.$volumeSlider);
@@ -8531,7 +8536,7 @@ if (typeof module !== "undefined" && module.exports) {
 		this.$volumeRange.on('input',function (e) {
 			thisObj.handleVolumeChange($(this).val());
 		});
-			
+
 		this.$volumeRange.on('keydown',function (e) {
 
 			// Escape key or Enter key or Tab key
@@ -8559,15 +8564,15 @@ if (typeof module !== "undefined" && module.exports) {
 		var volumePct;
 		volumePct = (volume/10) * 100;
 
-		// Update help text 
-		if (this.$volumeHelp) { 
-			this.$volumeHelp.text(volumePct + '%'); 
+		// Update help text
+		if (this.$volumeHelp) {
+			this.$volumeHelp.text(volumePct + '%');
 		}
 
-		// Update the default value of the volume slider input field 
-		// This doesn't seem to be necessary; browsers remember the previous setting during a session 
-		// but this is a fallback in case they don't 
-		this.$volumeRange.attr('value',volume);   
+		// Update the default value of the volume slider input field
+		// This doesn't seem to be necessary; browsers remember the previous setting during a session
+		// but this is a fallback in case they don't
+		this.$volumeRange.attr('value',volume);
 	};
 
 	AblePlayer.prototype.refreshVolumeButton = function(volume) {
@@ -8600,25 +8605,25 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.handleVolumeButtonClick = function() {
 
 		if (this.$volumeSlider.is(':visible')) {
-			this.hideVolumePopup();			
+			this.hideVolumePopup();
 		}
 		else {
 			this.showVolumePopup();
 		}
-	}; 
+	};
 
 	AblePlayer.prototype.handleVolumeKeystroke = function(keycode) {
 
-		// keycode is an ASCII key code 49-57 (numeric keys 1-9), 
-		// keyboard shortcuts for changing volume 
+		// keycode is an ASCII key code 49-57 (numeric keys 1-9),
+		// keyboard shortcuts for changing volume
 
-		var volume; 
+		var volume;
 
 		if (keycode >= 49 && keycode <= 57) {
 			volume = keycode - 48;
 		}
-		else { 
-			return false; 
+		else {
+			return false;
 		}
 
 		if (this.isMuted() && volume > 0) {
@@ -8632,12 +8637,12 @@ if (typeof module !== "undefined" && module.exports) {
 			this.refreshVolumeHelp(volume);
 			this.refreshVolumeButton(volume);
 		}
-	}; 
+	};
 
 
 	AblePlayer.prototype.handleVolumeChange = function(volume) {
 
-		// handle volume change using the volume input slider  
+		// handle volume change using the volume input slider
 
 		if (this.isMuted() && volume > 0) {
 			this.setMute(false);
@@ -8720,7 +8725,7 @@ if (typeof module !== "undefined" && module.exports) {
 				this.youTubePlayer.unMute();
 			}
 		}
-		this.setVolume(this.volume); 
+		this.setVolume(this.volume);
 		this.refreshVolumeHelp(this.volume);
 		this.refreshVolumeButton(this.volume);
 	};
@@ -8730,26 +8735,26 @@ if (typeof module !== "undefined" && module.exports) {
 		// volume is 1 to 10
 		// convert as needed depending on player
 
-		var newVolume; 
+		var newVolume;
 
 		if (this.player === 'html5') {
 			// volume is 0 to 1
-			newVolume = volume / 10; 
+			newVolume = volume / 10;
 			this.media.volume = newVolume;
-			
+
 			if (this.hasSignLanguage && this.signVideo) {
 				this.signVideo.volume = 0; // always mute
 			}
 		}
 		else if (this.player === 'youtube') {
 			// volume is 0 to 100
-			newVolume = volume * 10; 
+			newVolume = volume * 10;
 			this.youTubePlayer.setVolume(newVolume);
 			this.volume = volume;
 		}
 		else if (this.player === 'vimeo') {
 			// volume is 0 to 1
-			newVolume = volume / 10; 
+			newVolume = volume / 10;
 			this.vimeoPlayer.setVolume(newVolume).then(function() {
 				// setVolume finished.
 				// could do something here
@@ -8768,7 +8773,7 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 		else if (this.player === 'youtube') {
 			// uses 0 to 100 scale
-			if (this.youTubePlayerReady) { 
+			if (this.youTubePlayerReady) {
 				return this.youTubePlayer.getVolume() / 10;
 			}
 		}
@@ -8837,7 +8842,7 @@ if (typeof module !== "undefined" && module.exports) {
 			titleH1.attr('id', 'modalTitle-' + this.baseId);
 			titleH1.css('text-align', 'center');
 			titleH1.text(title);
-			this.titleH1 = titleH1; 
+			this.titleH1 = titleH1;
 
 			modal.attr({
 				'aria-labelledby': 'modalTitle-' + this.baseId,
@@ -8850,7 +8855,7 @@ if (typeof module !== "undefined" && module.exports) {
 			'aria-hidden': 'true',
 			'role': dialogRole,
 		});
-		if (isModal) { 
+		if (isModal) {
 			modal.attr('aria-modal','true');
 		}
 
@@ -9130,12 +9135,12 @@ if (typeof module !== "undefined" && module.exports) {
 		// toggles the Description button or changes a description-related preference
 
 		// The following variables are applicable to delivery of description:
-		// defaultStateDescriptions == 'on' or 'off', defined by website owner (overridden by prefDesc) 
+		// defaultStateDescriptions == 'on' or 'off', defined by website owner (overridden by prefDesc)
 		// prefDesc == 1 if user wants description (i.e., Description button is on); else 0
 		// prefDescPause == 1 to pause video when description starts; else 0
 		// prefDescVisible == 1 to visibly show text-based description area; else 0
 		// prefDescMethod == either 'video' or 'text' (as of v4.0.10, prefDescMethod is always 'video')
-		// descMethod is the format actually used ('video' or 'text'), regardless of user preference 
+		// descMethod is the format actually used ('video' or 'text'), regardless of user preference
 		// hasOpenDesc == true if a described version of video is available via data-desc-src attribute
 		// hasClosedDesc == true if a description text track is available
 		// descOn == true if description of either type is on
@@ -9148,8 +9153,8 @@ if (typeof module !== "undefined" && module.exports) {
 		promise = deferred.promise();
 		thisObj = this;
 
-		if (this.mediaType === 'audio') { 
-			deferred.resolve(); 
+		if (this.mediaType === 'audio') {
+			deferred.resolve();
 		}
 
 		// check to see if there's an open-described version of this video
@@ -9162,7 +9167,7 @@ if (typeof module !== "undefined" && module.exports) {
 		else {
 			// there's no open-described version via data-desc-src,
 			// but what about data-youtube-desc-src or data-vimeo-desc-src?
-			// if these exist, they would have been defined earlier 
+			// if these exist, they would have been defined earlier
 			if (this.youTubeDescId || this.vimeoDescId) {
 				this.hasOpenDesc = true;
 			}
@@ -9173,13 +9178,13 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// Set this.descMethod based on media availability & user preferences
 		if (this.hasOpenDesc && this.hasClosedDesc) {
-			// both formats are available. User gets their preference. 
-			if (this.prefDescMethod) { 
+			// both formats are available. User gets their preference.
+			if (this.prefDescMethod) {
 				this.descMethod = this.prefDescMethod;
 			}
-			else { 
-				// user has no preference. Video is default. 
-				this.descMethod = 'video'; 
+			else {
+				// user has no preference. Video is default.
+				this.descMethod = 'video';
 			}
 		}
 		else if (this.hasOpenDesc) {
@@ -9188,33 +9193,33 @@ if (typeof module !== "undefined" && module.exports) {
 		else if (this.hasClosedDesc) {
 			this.descMethod = 'text';
 		}
-		else { 
-			// no description is available for this video 
-			this.descMethod = null; 
+		else {
+			// no description is available for this video
+			this.descMethod = null;
 		}
 
 		// Set the default state of descriptions
-		if (this.descMethod) { 
-			if (this.prefDesc === 1) { 
-				this.descOn = true; 
+		if (this.descMethod) {
+			if (this.prefDesc === 1) {
+				this.descOn = true;
 			}
-			else if (this.prefDesc === 0) { 
-				this.descOn = false; 
+			else if (this.prefDesc === 0) {
+				this.descOn = false;
 			}
-			else { 				
-				// user has no prefs. Use default state. 
-				if (this.defaultStateDescriptions === 1)	{ 			
-					this.descOn = true; 
+			else {
+				// user has no prefs. Use default state.
+				if (this.defaultStateDescriptions === 1)	{
+					this.descOn = true;
 				}
-				else { 
-					this.descOn = false; 
+				else {
+					this.descOn = false;
 				}
 			}
 		}
-		else { 			
+		else {
 			this.descOn = false;
 		}
-		if (typeof this.$descDiv === 'undefined' && this.hasClosedDesc && this.descMethod === 'text') {		
+		if (typeof this.$descDiv === 'undefined' && this.hasClosedDesc && this.descMethod === 'text') {
 			this.injectTextDescriptionArea();
 		}
 
@@ -9257,7 +9262,7 @@ if (typeof module !== "undefined" && module.exports) {
 			}
 		}
 		deferred.resolve();
-		return promise; 
+		return promise;
 	};
 
 	AblePlayer.prototype.usingDescribedVersion = function () {
@@ -9275,107 +9280,109 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 	};
 
-	AblePlayer.prototype.initSpeech = function (context) { 
+	AblePlayer.prototype.initSpeech = function (context) {
 
-		// Some browsers &/or operating systems require a user-initiated click 
-		// before this.synth.getVoices() will work. As of Nov 2022: 
+		// Some browsers &/or operating systems require a user-initiated click
+		// before this.synth.getVoices() will work. As of Nov 2022:
 		// Chrome requires a click before synth.getVoices() will work
-		// iOS requires a click before synth.speak() will work 
-		// A hack to address this: Listen for ANY click, then play an inaudible utterance 
-		// to intitiate speech synthesis 		
+		// iOS requires a click before synth.speak() will work
+		// A hack to address this: Listen for ANY click, then play an inaudible utterance
+		// to intitiate speech synthesis
 		// https://stackoverflow.com/questions/32193704/js-speech-synthesis-issue-on-ios
 		// This function does that, and sets this.speechEnabled
-		// It's called with either of these contexts: 
-		// 'init' - player is being initialized 
-		// 'play' - user has clicked play 
+		// It's called with either of these contexts:
+		// 'init' - player is being initialized
+		// 'play' - user has clicked play
 		// 'prefs' - user has clicked prefs button
-		// 'desc' - it's time to announce a description!  
+		// 'desc' - it's time to announce a description!
 
-		var thisObj = this; 
-		
-		if (this.speechEnabled === null) {  
+		var thisObj = this;
 
-			if (typeof this.synth !== 'undefined') { 
-				// cancel any previous synth instance and reinitialize  
-				this.synth.cancel(); 
-			}	
+		if (this.speechEnabled === null) {
 
-			if (window.speechSynthesis) {
+			if (typeof this.synth !== 'undefined') {
+				// cancel any previous synth instance and reinitialize
+				this.synth.cancel();
+			}
 
-				// browser supports speech synthesis 
+			if (window.speechSynthesis) {
 
+				// browser supports speech synthesis
 				this.synth = window.speechSynthesis;
-
-				if (context === 'init') { 
-					// handle a click on anything, in case the user 
+				this.synth.cancel();
+				if (context === 'init') {
+					// handle a click on anything, in case the user
 					// clicks something before they click 'play' or 'prefs' buttons
-					// that would allow us to init speech before it's needed 
-					$(document).on('click',function() { 			
-						var greeting = new SpeechSynthesisUtterance('Hi!');
-						greeting.volume = 0; // silent 
-						greeting.rate = 10; // fastest speed supported by the API  
+					// that would allow us to init speech before it's needed
+					$(document).on('click',function() {
+						var greeting = new SpeechSynthesisUtterance('\x20');
 						thisObj.synth.speak(greeting);
-						greeting.onstart = function(e) { 						
-							// utterance has started 
-							$(document).off('click'); // unbind the click event listener 		
+						greeting.onstart = function(e) {
+							// utterance has started
+							$(document).off('click'); // unbind the click event listener
 						}
 						greeting.onend = function(e) {
-							// should now be able to get browser voices 
-							// in browsers that require a click 
-							thisObj.getBrowserVoices(); 
-							if (thisObj.descVoices.length) { 
-								thisObj.speechEnabled = true; 
+							// should now be able to get browser voices
+							// in browsers that require a click
+							thisObj.getBrowserVoices();
+							if (thisObj.descVoices.length) {
+								thisObj.speechEnabled = true;
 							}
 						};
-					}); 
-									
-					// go ahead and call get browser voices in case it might work, 
-					// for browsers that don't require a click 
-					this.getBrowserVoices(); 
-					if (this.descVoices.length) { 
-						this.speechEnabled = true; 
+					});
+
+					// go ahead and call get browser voices in case it might work,
+					// for browsers that don't require a click				
+					this.getBrowserVoices();
+					if (this.descVoices.length) {
+						this.speechEnabled = true;
 					}
 				}
 				else {  // context is either 'play' or 'prefs' or 'desc'
-					var greeting = new SpeechSynthesisUtterance('Hi!');
-					greeting.volume = 0; // silent 
-					greeting.rate = 10; // fastest speed supported by the API  
+					var greeting = new SpeechSynthesisUtterance('\x20');
 					thisObj.synth.speak(greeting);
-					greeting.onstart = function(e) { 						
-						// utterance has started 
-						$(document).off('click'); // unbind the click event listener 			
+					greeting.onstart = function(e) {
+						// utterance has started
+						$(document).off('click'); // unbind the click event listener
 					};
 					greeting.onend = function(e) {
-						// should now be able to get browser voices 
-						// in browsers that require a click 
-						thisObj.getBrowserVoices(); 
-						if (thisObj.descVoices.length) { 
-							thisObj.speechEnabled = true; 
+						// should now be able to get browser voices
+						// in browsers that require a click
+						thisObj.getBrowserVoices();
+						/*  
+						// Safari 15.4 on MacOS has a bug: No voice array is returned
+						// The browser speaks, but we have no control over voices. 
+						// Therefore, speechEnabled cannot be dependent on descVoices 
+						// as long as Safari 15.4 is still supported
+						if (thisObj.descVoices.length) {
+							thisObj.speechEnabled = true;
 						}
-					};							
+						*/
+						thisObj.speechEnabled = true; 
+					};
 				}
 			}
-			else { 
+			else {
 				// browser does not support speech synthesis
-				this.speechEnabled = false; 
+				this.speechEnabled = false;
 			}
 		}
-	}; 
+	};
 
 	AblePlayer.prototype.getBrowserVoices = function () {
-		
-		// define this.descVoices array 
-		// includes only languages that match the language of the captions or player 
+
+		// define this.descVoices array
+		// includes only languages that match the language of the captions or player
 
 		var voices, descLangs, voiceLang, preferredLang;
 
-		if (this.captionLang) { 
+		if (this.captionLang) {
 			preferredLang = this.captionLang.substring(0,2).toLowerCase();
 		}
-		else { 
+		else {
 			preferredLang = this.lang.substring(0,2).toLowerCase();
 		}
-		this.descVoices = []; 
+		this.descVoices = [];
 		voices = this.synth.getVoices();
 		descLangs = this.getDescriptionLangs();
 		if (voices.length > 0) {
@@ -9385,9 +9392,9 @@ if (typeof module !== "undefined" && module.exports) {
 				// match only the first 2 characters of the lang code
 				voiceLang = voices[i].lang.substring(0,2).toLowerCase();
 				if (voiceLang === preferredLang && (descLangs.indexOf(voiceLang) !== -1)) {
-					// this voice matches preferredLang 
+					// this voice matches preferredLang
 					// AND there's a matching description track in this language
-					// Add this voice to final array 
+					// Add this voice to final array
 					this.descVoices.push(voices[i]);
 				}
 			}
@@ -9418,51 +9425,51 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.setDescriptionVoice = function () {
 
-		// set description voice on player init, or when user changes caption language 
-		// Voice is determined in the following order of precedence: 
+		// set description voice on player init, or when user changes caption language
+		// Voice is determined in the following order of precedence:
 		// 1. User's preferred voice for this language, saved in a cookie
 		// 2. The first available voice in the array of available voices for this browser in this language
 
 		var cookie, voices, prefDescVoice, descVoice, descLang, prefVoiceFound;
-		cookie = this.getCookie(); 
-		if (typeof cookie.voices !== 'undefined') { 			
-			prefDescVoice = this.getPrefDescVoice(); 
+		cookie = this.getCookie();
+		if (typeof cookie.voices !== 'undefined') {
+			prefDescVoice = this.getPrefDescVoice();
 		}
-		else { 
-			prefDescVoice = null; 
+		else {
+			prefDescVoice = null;
 		}
-	
+
 		this.getBrowserVoices();
 		this.rebuildDescPrefsForm();
 
-		if (this.selectedDescriptions) { 
+		if (this.selectedDescriptions) {
 			descLang = this.selectedDescriptions.language;
 		}
-		else if (this.captionLang) { 
-			descLang = this.captionLang; 
+		else if (this.captionLang) {
+			descLang = this.captionLang;
 		}
-		else { 
-			descLang = this.lang; 
+		else {
+			descLang = this.lang;
 		}
 
 		if (this.synth) {
 			voices = this.synth.getVoices();
 			if (voices.length > 0) {
-				if (prefDescVoice) { 
-					// select the language that matches prefDescVoice, if it's available 
-					prefVoiceFound = false; 
+				if (prefDescVoice) {
+					// select the language that matches prefDescVoice, if it's available
+					prefVoiceFound = false;
 					for (var i=0; i<voices.length; i++) {
 						// first, be sure voice is the correct language
 						if (voices[i].lang.substring(0,2).toLowerCase() === descLang.substring(0,2).toLowerCase()) {
-							if (voices[i].name === prefDescVoice) { 
-								descVoice = voices[i].name; 
-								prefVoiceFound = true; 
+							if (voices[i].name === prefDescVoice) {
+								descVoice = voices[i].name;
+								prefVoiceFound = true;
 								break;
 							}
 						}
 					}
 				}
-				if (!prefVoiceFound) { 
+				if (!prefVoiceFound) {
 					// select the first language that matches the first 2 characters of the lang code
 					for (var i=0; i<voices.length; i++) {
 						if (voices[i].lang.substring(0,2).toLowerCase() === descLang.substring(0,2).toLowerCase()) {
@@ -9479,7 +9486,7 @@ if (typeof module !== "undefined" && module.exports) {
 					var selectedOption = this.$voiceSelectField.find('option[value="' + this.prefDescVoice + '"]');
 					this.$voiceSelectField.val(this.prefDescVoice);
 				}
-				this.updateCookie('voice'); 
+				this.updateCookie('voice');
 			}
 		}
 	};
@@ -9497,32 +9504,32 @@ if (typeof module !== "undefined" && module.exports) {
 
 		thisObj = this;
 
-		// We are no longer loading the previous media source 
-		// Only now, as a new source is requested, is it safe to reset this var 
-		// It will be reset to true when media.load() is called 
-		this.loadingMedia = false; 
+		// We are no longer loading the previous media source
+		// Only now, as a new source is requested, is it safe to reset this var
+		// It will be reset to true when media.load() is called
+		this.loadingMedia = false;
 
-		// get element that has focus at the time swap is initiated 
-		// after player is rebuilt, focus will return to that same element 
+		// get element that has focus at the time swap is initiated
+		// after player is rebuilt, focus will return to that same element
 		// (if it exists)
-		this.$focusedElement = $(':focus'); 
+		this.$focusedElement = $(':focus');
 
 		// get current time of current source, and attempt to start new video at the same time
-		// whether this is possible will be determined after the new media source has loaded 
-		// see onMediaNewSourceLoad() 
-		if (this.elapsed > 0) { 
-			this.swapTime = this.elapsed; 
+		// whether this is possible will be determined after the new media source has loaded
+		// see onMediaNewSourceLoad()
+		if (this.elapsed > 0) {
+			this.swapTime = this.elapsed;
 		}
-		else { 
-			this.swapTime = 0; 
+		else {
+			this.swapTime = 0;
 		}
-		if (this.duration > 0) { 
-			this.prevDuration = this.duration; 										
+		if (this.duration > 0) {
+			this.prevDuration = this.duration;
 		}
 
-		// Capture current playback state, so media can resume after source is swapped 
-		if (!this.okToPlay) { 
-			this.okToPlay = this.playing; 
+		// Capture current playback state, so media can resume after source is swapped
+		if (!this.okToPlay) {
+			this.okToPlay = this.playing;
 		}
 
 		if (this.descOn) {
@@ -9537,7 +9544,7 @@ if (typeof module !== "undefined" && module.exports) {
 		if (this.player === 'html5') {
 
 			this.swappingSrc = true;
-			this.paused = true; 
+			this.paused = true;
 
 			if (this.usingDescribedVersion()) {
 				// the described version is currently playing. Swap to non-described
@@ -9548,7 +9555,7 @@ if (typeof module !== "undefined" && module.exports) {
 					if (origSrc) {
 						this.$sources[i].setAttribute('src',origSrc);
 					}
-				}						
+				}
 			}
 			else {
 				// the non-described version is currently playing. Swap to described.
@@ -9565,24 +9572,24 @@ if (typeof module !== "undefined" && module.exports) {
 				}
 			}
 
-			if (this.recreatingPlayer) { 
+			if (this.recreatingPlayer) {
 				// stopgap to prevent multiple firings of recreatePlayer()
-				return; 
-			}	
-			if (this.playerCreated) { 
-				// delete old player, then recreate it with new source & tracks 
-				this.deletePlayer('swap-desc-html'); 			
-				this.recreatePlayer().then(function() { 
-					if (!thisObj.loadingMedia) { 
+				return;
+			}
+			if (this.playerCreated) {
+				// delete old player, then recreate it with new source & tracks
+				this.deletePlayer('swap-desc-html');
+				this.recreatePlayer().then(function() {
+					if (!thisObj.loadingMedia) {
 						thisObj.media.load();
-						thisObj.loadingMedia = true; 
+						thisObj.loadingMedia = true;
 					}
 				});
 			}
-			else { 
+			else {
 				// player is in the process of being created
-				// no need to recreate it 	
-			} 
+				// no need to recreate it
+			}
 		}
 		else if (this.player === 'youtube') {
 
@@ -9595,7 +9602,7 @@ if (typeof module !== "undefined" && module.exports) {
 				this.activeYouTubeId = this.youTubeDescId;
 			}
 			if (typeof this.youTubePlayer !== 'undefined') {
-				thisObj.swappingSrc = true; 
+				thisObj.swappingSrc = true;
 				if (thisObj.playing) {
 					// loadVideoById() loads and immediately plays the new video at swapTime
 					thisObj.youTubePlayer.loadVideoById(thisObj.activeYouTubeId,thisObj.swapTime);
@@ -9605,19 +9612,19 @@ if (typeof module !== "undefined" && module.exports) {
 					thisObj.youTubePlayer.cueVideoById(thisObj.activeYouTubeId,thisObj.swapTime);
 				}
 			}
-			if (this.playerCreated) { 
-				this.deletePlayer('swap-desc-youtube'); 				
+			if (this.playerCreated) {
+				this.deletePlayer('swap-desc-youtube');
 			}
-			// player needs to be recreated with new source 
-			if (this.recreatingPlayer) { 
+			// player needs to be recreated with new source
+			if (this.recreatingPlayer) {
 				// stopgap to prevent multiple firings of recreatePlayer()
-				return; 
-			}	
-			this.recreatePlayer().then(function() { 
-				// nothing to do here 
-				// next steps occur when youtube onReady event fires 
-				// see youtube.js > finalizeYoutubeInit() 
-			});				
+				return;
+			}
+			this.recreatePlayer().then(function() {
+				// nothing to do here
+				// next steps occur when youtube onReady event fires
+				// see youtube.js > finalizeYoutubeInit()
+			});
 		}
 		else if (this.player === 'vimeo') {
 			if (this.usingDescribedVersion()) {
@@ -9630,15 +9637,15 @@ if (typeof module !== "undefined" && module.exports) {
 				this.activeVimeoId = this.vimeoDescId;
 				this.showAlert(this.tt.alertDescribedVersion);
 			}
-			if (this.playerCreated) { 
-				this.deletePlayer('swap-desc-vimeo'); 				
+			if (this.playerCreated) {
+				this.deletePlayer('swap-desc-vimeo');
 			}
-			// player needs to be recreated with new source 
-			if (this.recreatingPlayer) { 
+			// player needs to be recreated with new source
+			if (this.recreatingPlayer) {
 				// stopgap to prevent multiple firings of recreatePlayer()
-				return; 
-			}	
-			this.recreatePlayer().then(function() { 
+				return;
+			}
+			this.recreatePlayer().then(function() {
 				// load the new video source
 				thisObj.vimeoPlayer.loadVideo(thisObj.activeVimeoId).then(function() {
 					if (thisObj.playing) {
@@ -9658,7 +9665,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.showDescription = function(now) {
 
-		if (!this.hasClosedDesc || this.swappingSrc || !this.descOn || this.descMethod === 'video') {			
+		if (!this.hasClosedDesc || this.swappingSrc || !this.descOn || this.descMethod === 'video') {
 			return;
 		}
 
@@ -9698,11 +9705,11 @@ if (typeof module !== "undefined" && module.exports) {
 				// temporarily remove aria-live from $status in order to prevent description from being interrupted
 				this.$status.removeAttr('aria-live');
 				descText = flattenComponentForDescription(cues[thisDescription].components);
-				if (this.descReader === 'screenreader') { 					
+				if (this.descReader === 'screenreader') {
 					// load the new description into the container div for screen readers to read
 					this.$descDiv.html(descText);
 				}
-				else if (this.speechEnabled) { 
+				else if (this.speechEnabled) {
 					// use browser's built-in speech synthesis
 					this.announceDescriptionText('description',descText);
 					if (this.prefDescVisible) {
@@ -9731,42 +9738,42 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 	};
 
-	AblePlayer.prototype.syncSpeechToPlaybackRate = function(rate) { 
+	AblePlayer.prototype.syncSpeechToPlaybackRate = function(rate) {
 
-		// called when user changed playback rate 
-		// adjust rate of audio description to match 
+		// called when user changed playback rate
+		// adjust rate of audio description to match
 
-		var speechRate; 
+		var speechRate;
 
-		if (rate === 0.5) { 
-			speechRate = 0.7; // option 1 in prefs menu 
+		if (rate === 0.5) {
+			speechRate = 0.7; // option 1 in prefs menu
 		}
-		else if (rate === 0.75) { 
-			speechRate =  0.8; // option 2 in prefs menu 
+		else if (rate === 0.75) {
+			speechRate =  0.8; // option 2 in prefs menu
 		}
-		else if (rate === 1.0) { 		
+		else if (rate === 1.0) {
 			speechRate =  1; // option 4 in prefs menu (normal speech, default)
 		}
-		else if (rate === 1.25) { 
+		else if (rate === 1.25) {
 			speechRate =  1.1; // option 5 in prefs menu
 		}
-		else if (rate === 1.5) { 
-			speechRate =  1.2; // option 6 in prefs menu 
+		else if (rate === 1.5) {
+			speechRate =  1.2; // option 6 in prefs menu
 		}
-		else if (rate === 1.75) { 
-			speechRate =  1.5; // option 7 in prefs menu 
+		else if (rate === 1.75) {
+			speechRate =  1.5; // option 7 in prefs menu
 		}
-		else if (rate === 2.0) { 
+		else if (rate === 2.0) {
 			speechRate =  2; // option 8 in prefs menu (fast)
 		}
-		else if (rate === 2.25) { 
+		else if (rate === 2.25) {
 			speechRate =  2.5; // option 9 in prefs menu (very fast)
 		}
-		else if (rate >= 2.5) { 
-			speechRate =  3; // option 10 in prefs menu (super fast) 
+		else if (rate >= 2.5) {
+			speechRate =  3; // option 10 in prefs menu (super fast)
 		}
 		this.prefDescRate = speechRate;
-	}; 
+	};
 
 	AblePlayer.prototype.announceDescriptionText = function(context, text) {
 
@@ -9796,10 +9803,10 @@ if (typeof module !== "undefined" && module.exports) {
 		//  and typically requires a computer reboot to make right again.
 		//  This has been observed frequently in macOS Big Sur, but also in Windows 10
 		//  To ignore user's voice preferences and always use the first voice, set the following var to true
-		//	This is for testing only; not recommended for production
-		// 	unless the voice select field is also removed from the Prefs dialog
+		//  This is for testing only; not recommended for production
+		//  unless the voice select field is also removed from the Prefs dialog
 		var useFirstVoice = false;
-	
+
 		if (!this.speechEnabled) {
 			// voices array failed to load the first time. Try again
 			this.initSpeech('desc');
@@ -9840,63 +9847,68 @@ if (typeof module !== "undefined" && module.exports) {
 					// use the first voice in the array
 					voice = this.descVoices[0];
 				}
-				utterance = new SpeechSynthesisUtterance();
-				utterance.voice = voice;
-				utterance.voiceURI = 'native';
-				utterance.volume = volume;
-				utterance.rate = rate;
-				utterance.pitch = pitch;
-				utterance.text = text;
-				// TODO: Consider the best language for the utterance:
-				// language of the web page? (this.lang)
-				// language of the WebVTT description track?
-				// language of the user's chosen voice?
-				// If there's a mismatch between any of these, the description will likely be unintelligible
-				utterance.lang = this.lang;
-				utterance.onstart = function(e) { 
-					// utterance has started 
-				};
-				utterance.onpause = function(e) { 
-					// utterance has paused 
-				};
-				utterance.onend = function(e) {
-					// utterance has ended 
-					this.speakingDescription = false; 
-					timeElapsed = e.elapsedTime; 
-					// As of Firefox 95, e.elapsedTime is expressed in seconds 
-					// Other browsers (tested in Chrome & Edge) express this in milliseconds 
-					// Assume no utterance will require over 100 seconds to express... 
-					if (timeElapsed > 100) { 
-						// time is likely expressed in milliseconds 
-						secondsElapsed = (e.elapsedTime/1000).toFixed(2); 
-					}
-					else { 
-						// time is likely already expressed in seconds; just need to round it
-						secondsElapsed = (e.elapsedTime).toFixed(2); 
-					}
-					if (this.debug) { 
-						
-					}
-					if (context === 'description') {
-						if (thisObj.prefDescPause) {
-							if (thisObj.pausedForDescription) {
-								thisObj.playMedia();
-								this.pausedForDescription = false;
-							}
-						}
+			}
+		}
+		else { 
+			voice = null; 
+		}
+		utterance = new SpeechSynthesisUtterance();
+		if (voice) { 
+			utterance.voice = voice;
+		}
+		utterance.voiceURI = 'native';
+		utterance.volume = volume;
+		utterance.rate = rate;
+		utterance.pitch = pitch;
+		utterance.text = text;
+		// TODO: Consider the best language for the utterance:
+		// language of the web page? (this.lang)
+		// language of the WebVTT description track?
+		// language of the user's chosen voice?
+		// If there's a mismatch between any of these, the description will likely be unintelligible
+		utterance.lang = this.lang;
+		utterance.onstart = function(e) {
+			// utterance has started
+		};
+		utterance.onpause = function(e) {
+			// utterance has paused
+		};
+		utterance.onend = function(e) {
+			// utterance has ended
+			this.speakingDescription = false;
+			timeElapsed = e.elapsedTime;
+			// As of Firefox 95, e.elapsedTime is expressed in seconds
+			// Other browsers (tested in Chrome & Edge) express this in milliseconds
+			// Assume no utterance will require over 100 seconds to express...
+			if (timeElapsed > 100) {
+				// time is likely expressed in milliseconds
+				secondsElapsed = (e.elapsedTime/1000).toFixed(2);
+			}
+			else {
+				// time is likely already expressed in seconds; just need to round it
+				secondsElapsed = (e.elapsedTime).toFixed(2);
+			}
+			if (this.debug) {
+				
+			}
+			if (context === 'description') {
+				if (thisObj.prefDescPause) {
+					if (thisObj.pausedForDescription) {
+						thisObj.playMedia();
+						this.pausedForDescription = false;
 					}
-				};
-				utterance.onerror = function(e) {
-					// handle error
-					
-				};
-				if (this.synth.paused) { 
-					this.synth.resume();					
 				}
-				this.synth.speak(utterance);
-				this.speakingDescription = true; 
 			}
+		};
+		utterance.onerror = function(e) {
+			// handle error
+			
+		};
+		if (this.synth.paused) {
+			this.synth.resume();
 		}
+		this.synth.speak(utterance);
+		this.speakingDescription = true;
 	};
 
 })(jQuery);
@@ -9935,30 +9947,30 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.browserSupportsVolume = function() {
 
-		// To test whether the browser supports changing the volume, 
-			// create a new audio element and try setting the volume to something other than 1. 
-			// Then, retrieve the current setting to see if it preserved it. 
+		// To test whether the browser supports changing the volume,
+		// create a new audio element and try setting the volume to something other than 1.
+		// Then, retrieve the current setting to see if it preserved it.
 
-			// Unfortunately, this doesn't work in iOS. In 2022, our tests yield the same results as reported here:  
-			// https://stackoverflow.com/questions/72861253/how-do-i-detect-if-a-browser-does-not-support-changing-html-audio-volume
+		// Unfortunately, this doesn't work in iOS. In 2022, our tests yield the same results as reported here:
+		// https://stackoverflow.com/questions/72861253/how-do-i-detect-if-a-browser-does-not-support-changing-html-audio-volume
 
-			// So, unfortunately we have to resort to sniffing for iOS  
-			// before testing for support in other browsers 
-			var audio, testVolume; 
- 
-			if (this.isIOS()) { 
-				return false; 
-			}
+		// So, unfortunately we have to resort to sniffing for iOS
+		// before testing for support in other browsers
+		var audio, testVolume;
 
-			testVolume = 0.9;  // any value between 0.1 and 0.9 
-			audio = new Audio();
-      audio.volume = testVolume;
-			if (audio.volume === testVolume) { 
-				return true; 
-			} 
-			else { 
-				return false; 
-			}
+		if (this.isIOS()) {
+			return false;
+		}
+
+		testVolume = 0.9;  // any value between 0.1 and 0.9
+		audio = new Audio();
+		audio.volume = testVolume;
+		if (audio.volume === testVolume) {
+			return true;
+		}
+		else {
+			return false;
+		}
 	};
 
 	AblePlayer.prototype.nativeFullscreenSupported = function () {
@@ -9972,6 +9984,7 @@ if (typeof module !== "undefined" && module.exports) {
 })(jQuery);
 
 (function ($) {
+
 	AblePlayer.prototype.seekTo = function (newTime) {
 
 		var thisObj = this;
@@ -9984,8 +9997,8 @@ if (typeof module !== "undefined" && module.exports) {
 		this.seeking = true;
 		this.liveUpdatePending = true;
 
-		if (this.speakingDescription) { 			
-			this.synth.cancel(); 
+		if (this.speakingDescription) {
+			this.synth.cancel();
 		}
 
 		if (this.player === 'html5') {
@@ -9998,8 +10011,8 @@ if (typeof module !== "undefined" && module.exports) {
 				// ok to seek to startTime
 				// canplaythrough will be triggered when seeking is complete
 				// this.seeking will be set to false at that point
-				this.media.currentTime = this.startTime; 
-				this.seekStatus = 'complete'; 
+				this.media.currentTime = this.startTime;
+				this.seekStatus = 'complete';
 				if (this.hasSignLanguage && this.signVideo) {
 					// keep sign languge video in sync
 					this.signVideo.currentTime = this.startTime;
@@ -10092,15 +10105,15 @@ if (typeof module !== "undefined" && module.exports) {
 		else {
 			var duration;
 			if (this.player === 'html5') {
-				duration = this.media.duration;			
+				duration = this.media.duration;
 			}
 			else if (this.player === 'youtube') {
 				if (this.youTubePlayerReady) {
-					if (this.duration > 0) { 
+					if (this.duration > 0) {
 						// duration was already retrieved while checking for captions
-						duration = this.duration; 
+						duration = this.duration;
 					}
-					else { 
+					else {
 						duration = this.youTubePlayer.getDuration();
 					}
 				}
@@ -10170,11 +10183,11 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.getPlayerState = function () {
 
 		// Returns one of the following states:
-		//	'stopped' - Not yet played for the first time, or otherwise reset to unplayed.
-		//	'ended' - Finished playing.
-		//	'paused' - Not playing, but not stopped or ended.
-		//	'buffering' - Momentarily paused to load, but will resume once data is loaded.
-		//	'playing' - Currently playing.
+		// - 'stopped' - Not yet played for the first time, or otherwise reset to unplayed.
+		// - 'ended' - Finished playing.
+		// - 'paused' - Not playing, but not stopped or ended.
+		// - 'buffering' - Momentarily paused to load, but will resume once data is loaded.
+		// - 'playing' - Currently playing.
 
 		// Commented out the following in 3.2.1 - not sure of its intended purpose
 		// It can be useful to know player state even when swapping src
@@ -10255,13 +10268,13 @@ if (typeof module !== "undefined" && module.exports) {
 			}
 		}
 		else if (this.player === 'youtube') {
-			// Youtube supports varying playback rates per video.	 
+			// Youtube supports varying playback rates per video.
 			// Only expose controls if more than one playback rate is available.
-			if (this.youTubePlayerReady) { 
+			if (this.youTubePlayerReady) {
 				if (this.youTubePlayer.getAvailablePlaybackRates().length > 1) {
 					return true;
 				}
-				else { 
+				else {
 					return false;
 				}
 			}
@@ -10276,12 +10289,12 @@ if (typeof module !== "undefined" && module.exports) {
 	};
 
 	AblePlayer.prototype.setPlaybackRate = function (rate) {
-		
+
 		rate = Math.max(0.5, rate);
 
-		if (this.hasClosedDesc && this.descMethod === 'text') { 
-			// keep speech rate in sync with playback rate even if descOn is false 
-			this.syncSpeechToPlaybackRate(rate); 
+		if (this.hasClosedDesc && this.descMethod === 'text') {
+			// keep speech rate in sync with playback rate even if descOn is false
+			this.syncSpeechToPlaybackRate(rate);
 		}
 
 		if (this.player === 'html5') {
@@ -10298,7 +10311,7 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 		this.playbackRate = rate;
 		this.$speed.text(this.tt.speed + ': ' + rate.toFixed(2).toString() + 'x');
-	};	
+	};
 
 	AblePlayer.prototype.getPlaybackRate = function () {
 
@@ -10314,7 +10327,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.isPaused = function () {
 
-		 // Note there are three player states that count as paused in this sense,
+		// Note there are three player states that count as paused in this sense,
 		// and one of them is named 'paused'.
 		// A better name would be 'isCurrentlyNotPlayingOrBuffering'
 
@@ -10523,7 +10536,7 @@ if (typeof module !== "undefined" && module.exports) {
 					// Only update the aria live region if we have an update pending
 					// (from a seek button control) or if the seekBar has focus.
 					// We use document.activeElement instead of $(':focus') due to a strange bug:
-					// 	When the seekHead element is focused, .is(':focus') is failing and $(':focus') is returning an undefined element.
+					// When the seekHead element is focused, .is(':focus') is failing and $(':focus') is returning an undefined element.
 					updateLive = this.liveUpdatePending || this.seekBar.seekHead.is($(document.activeElement));
 					this.liveUpdatePending = false;
 					if (this.useChapterTimes) {
@@ -10582,9 +10595,9 @@ if (typeof module !== "undefined" && module.exports) {
 					}
 					else {
 						// seekbar is wide enough to fill the remaining space
-						// include a 5px buffer to account for minor browser differences  
+						// include a 5px buffer to account for minor browser differences
 						seekbarWidth = this.$ableWrapper.width() - widthUsed - 5;
-					}					
+					}
 					// Sometimes some minor fluctuations based on browser weirdness, so set a threshold.
 					if (Math.abs(seekbarWidth - this.seekBar.getWidth()) > 5) {
 						this.seekBar.setWidth(seekbarWidth);
@@ -10955,36 +10968,36 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.handlePlay = function(e) {
 
 		if (this.paused) {
-			// user clicked play 
-			this.okToPlay = true; 
+			// user clicked play
+			this.okToPlay = true;
 			this.playMedia();
-			if (this.synth.paused) { 
-				// media was paused while description was speaking 
-				// resume utterance 
-				this.synth.resume(); 
+			if (this.synth.paused) {
+				// media was paused while description was speaking
+				// resume utterance
+				this.synth.resume();
 			}
 		}
 		else {
 			// user clicked pause
-			this.okToPlay = false; 
+			this.okToPlay = false;
 			this.pauseMedia();
-			if (this.speakingDescription) { 
-				// pause the current utterance 
-				// it will resume when the user presses play 
-				this.synth.pause();				
+			if (this.speakingDescription) {
+				// pause the current utterance
+				// it will resume when the user presses play
+				this.synth.pause();
 			}
 		}
-		if (this.speechEnabled === null) { 			
-			this.initSpeech('play'); 
+		if (this.speechEnabled === null) {
+			this.initSpeech('play');
 		}
 	};
 
 	AblePlayer.prototype.handleRestart = function() {
 
-		if (this.speakingDescription) { 
-			// cancel audio description 
-			this.synth.cancel();				
-		}			
+		if (this.speakingDescription) {
+			// cancel audio description
+			this.synth.cancel();
+		}
 		this.seekTo(0);
 	};
 
@@ -11157,8 +11170,8 @@ if (typeof module !== "undefined" && module.exports) {
 				if (this.usingYouTubeCaptions) {
 					this.youTubePlayer.unloadModule('captions');
 				}
-				else if (this.usingVimeoCaptions) { 
-					this.vimeoPlayer.disableTextTrack(); 
+				else if (this.usingVimeoCaptions) {
+					this.vimeoPlayer.disableTextTrack();
 				}
 				else {
 					this.$captionsWrapper.hide();
@@ -11173,7 +11186,7 @@ if (typeof module !== "undefined" && module.exports) {
 				if (this.usingYouTubeCaptions) {
 					this.youTubePlayer.loadModule('captions');
 				}
-				else if (this.usingVimeoCaptions) { 
+				else if (this.usingVimeoCaptions) {
 					this.vimeoPlayer.enableTextTrack(this.captionLang).then(function(track) {
 						// track.language = the iso code for the language
 						// track.kind = 'captions' or 'subtitles'
@@ -11193,7 +11206,7 @@ if (typeof module !== "undefined" && module.exports) {
 								
 								break;
 							}
-					});	
+					});
 				}
 				else {
 					this.$captionsWrapper.show();
@@ -11241,7 +11254,7 @@ if (typeof module !== "undefined" && module.exports) {
 	/**
 	 * Gives enough time for DOM changes to take effect before adjusting focus.
 	 * Helpful for allowing screen reading of elements whose state is intermittently changed.
-	 * 
+	 *
 	 * @param {*} $el element to focus on
 	 * @param {*} timeout optional wait time in milliseconds before focus
 	 */
@@ -11249,7 +11262,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// Default wait time of 50 ms
 		var _timeout = (timeout === undefined || timeout === null) ? 50 : timeout;
-		
+
 		setTimeout(function() {
 			$el.focus();
 		}, _timeout);
@@ -11295,7 +11308,7 @@ if (typeof module !== "undefined" && module.exports) {
 			if (!this.$descDiv.is(':hidden')) {
 				this.$descDiv.hide();
 			}
-			// NOTE: now showing $descDiv here if previously hidden 
+			// NOTE: now showing $descDiv here if previously hidden
 			// that's handled elsewhere, dependent on whether there's text to show
 		}
 		this.initDescription();
@@ -11317,8 +11330,8 @@ if (typeof module !== "undefined" && module.exports) {
 
 		thisObj = this;
 
-		if (this.speechEnabled === null) { 			
-			this.initSpeech('prefs'); 
+		if (this.speechEnabled === null) {
+			this.initSpeech('prefs');
 		}
 		if (this.hidingPopup) {
 			// stopgap to prevent spacebar in Firefox from reopening popup
@@ -11489,7 +11502,7 @@ if (typeof module !== "undefined" && module.exports) {
 			}
 			else {
 				// Exit fullscreen
-				this.restoringAfterFullscreen = true; 
+				this.restoringAfterFullscreen = true;
 				if (document.exitFullscreen) {
 					document.exitFullscreen();
 				}
@@ -11541,7 +11554,7 @@ if (typeof module !== "undefined" && module.exports) {
 					$el.width('100%');
 				}
 				var newHeight = $(window).height() - this.$playerDiv.height();
-				if (typeof this.$descDiv !== 'undefined') {				
+				if (typeof this.$descDiv !== 'undefined') {
 					if (!this.$descDiv.is(':hidden')) {
 						newHeight -= this.$descDiv.height();
 					}
@@ -11562,9 +11575,9 @@ if (typeof module !== "undefined" && module.exports) {
 				this.playMedia();
 			}
 		}
-		// add event handlers for changes in fullscreen mode. 
-		// Browsers natively trigger this event with the Escape key,  
-		// in addition to clicking the exit fullscreen button 
+		// add event handlers for changes in fullscreen mode.
+		// Browsers natively trigger this event with the Escape key,
+		// in addition to clicking the exit fullscreen button
 		$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', function(e) {
 			// NOTE: e.type = the specific event that fired (in case needing to control for browser-specific idiosyncrasies)
 			if (!thisObj.fullscreen) {
@@ -11588,9 +11601,9 @@ if (typeof module !== "undefined" && module.exports) {
 			// resetting clickedFullscreenButton after a timeout seems to be better approach
 			setTimeout(function() {
 				thisObj.clickedFullscreenButton = false;
-				thisObj.restoringAfterFullscreen = false; 
+				thisObj.restoringAfterFullscreen = false;
 			},1000);
-		});		
+		});
 	};
 
 	AblePlayer.prototype.handleFullscreenToggle = function () {
@@ -11628,7 +11641,7 @@ if (typeof module !== "undefined" && module.exports) {
 				}
 			}
 		}
-		// don't resizePlayer yet; that will be called in response to the window resize event 
+		// don't resizePlayer yet; that will be called in response to the window resize event
 		// this.resizePlayer();
 	};
 
@@ -11744,103 +11757,103 @@ if (typeof module !== "undefined" && module.exports) {
 
 		var captionSizeOkMin, captionSizeOkMax, captionSize, newCaptionSize, newLineHeight;
 
-		var newWidth, newHeight, $iframe, alertTop; 
+		var newWidth, newHeight, $iframe, alertTop;
 
-		if (this.mediaType === 'audio') { 
-			return; 
+		if (this.mediaType === 'audio') {
+			return;
 		}
 
-		if (typeof width !== 'undefined' && typeof height !== 'undefined') { 
-			// this is being called the first time a player is initialized 
+		if (typeof width !== 'undefined' && typeof height !== 'undefined') {
+			// this is being called the first time a player is initialized
 			// width and height were collected from the HTML, YouTube, or Vimeo media API
-			// so are reflective of the actual size of the media 
-			// use these values to calculate aspectRatio 
-			this.aspectRatio = height / width;  
-			if (this.playerWidth) { 
-				// default width is already defined via a width or data-width attribute. Use that. 				
-				newWidth = this.playerWidth; 
-				if (this.playerHeight) { 
-					newHeight = this.playerHeight; 
+			// so are reflective of the actual size of the media
+			// use these values to calculate aspectRatio
+			this.aspectRatio = height / width;
+			if (this.playerWidth) {
+				// default width is already defined via a width or data-width attribute. Use that.
+				newWidth = this.playerWidth;
+				if (this.playerHeight) {
+					newHeight = this.playerHeight;
 				}
-				else { 
-					newHeight = Math.round(newWidth * this.aspectRatio); 
-					this.playerHeight = newHeight; 
+				else {
+					newHeight = Math.round(newWidth * this.aspectRatio);
+					this.playerHeight = newHeight;
 				}
 			}
-			else { 
-				// playerWidth was not defined via HTML attributes 
-				if (this.player === 'html5') { 
+			else {
+				// playerWidth was not defined via HTML attributes
+				if (this.player === 'html5') {
 					newWidth = $(window).width();
 				}
-				else { 
-					newWidth = this.$ableWrapper.width(); 
-				}
-				newHeight = Math.round(newWidth * this.aspectRatio); 
-			}				
-		}			
-		else if (this.fullscreen) { 
-			this.$ableWrapper.addClass('fullscreen');  
-			newWidth = $(window).width();			
+				else {
+					newWidth = this.$ableWrapper.width();
+				}
+				newHeight = Math.round(newWidth * this.aspectRatio);
+			}
+		}
+		else if (this.fullscreen) {
+			this.$ableWrapper.addClass('fullscreen');
+			newWidth = $(window).width();
 			// the 5 pixel buffer is arbitrary, but results in a better fit for all browsers
-			newHeight = $(window).height() - this.$playerDiv.outerHeight() - 5; 
+			newHeight = $(window).height() - this.$playerDiv.outerHeight() - 5;
 			this.positionCaptions('overlay');
 		}
-		else { // not fullscreen, and not first time initializing player 			
+		else { // not fullscreen, and not first time initializing player
 			this.$ableWrapper.removeClass('fullscreen');
-			if (this.player === 'html5') { 
-				if (this.playerWidth) { 
-					newWidth = this.playerWidth; 
+			if (this.player === 'html5') {
+				if (this.playerWidth) {
+					newWidth = this.playerWidth;
 				}
 				else {
-					// use full size of window 
-					// player will be downsized to fit container if CSS requires it 
+					// use full size of window
+					// player will be downsized to fit container if CSS requires it
 					newWidth = $(window).width();
 				}
 			}
-			else { 
-				newWidth = this.$ableWrapper.width(); 
+			else {
+				newWidth = this.$ableWrapper.width();
 			}
-			newHeight = Math.round(newWidth * this.aspectRatio); 
-			this.positionCaptions(this.prefCaptionsPosition); 
+			newHeight = Math.round(newWidth * this.aspectRatio);
+			this.positionCaptions(this.prefCaptionsPosition);
 		}
 		if (this.debug) {
-			 		
+			
 		}
 		// Now size the player with newWidth and newHeight
-		if (this.player === 'youtube' || this.player === 'vimeo') { 
-			$iframe = this.$ableWrapper.find('iframe'); 
-			if (this.player === 'youtube' && this.youTubePlayer) { 
-				// alternatively, YouTube API offers a method for setting the video size 
-				// this adds width and height attributes to the iframe 
-				// but might have other effects, so best to do it this way 
-				this.youTubePlayer.setSize(newWidth,newHeight); 
-			}
-			else { 
-				// Vimeo API does not have a method for changing size of player 
-				// Therefore, need to change iframe attributes directly 
+		if (this.player === 'youtube' || this.player === 'vimeo') {
+			$iframe = this.$ableWrapper.find('iframe');
+			if (this.player === 'youtube' && this.youTubePlayer) {
+				// alternatively, YouTube API offers a method for setting the video size
+				// this adds width and height attributes to the iframe
+				// but might have other effects, so best to do it this way
+				this.youTubePlayer.setSize(newWidth,newHeight);
+			}
+			else {
+				// Vimeo API does not have a method for changing size of player
+				// Therefore, need to change iframe attributes directly
 				$iframe.attr({
 					'width': newWidth,
 					'height': newHeight
-				}); 
+				});
 			}
-			if (this.playerWidth && this.playerHeight) { 
-				if (this.fullscreen) { 
-					// remove constraints 
-					$iframe.css({ 
+			if (this.playerWidth && this.playerHeight) {
+				if (this.fullscreen) {
+					// remove constraints
+					$iframe.css({
 						'max-width': '',
 						'max-height': ''
-					});	
+					});
 				}
 				else {
 					// use CSS on iframe to enforce explicitly defined size constraints
-					$iframe.css({ 
+					$iframe.css({
 						'max-width': this.playerWidth + 'px',
 						'max-height': this.playerHeight + 'px'
 					});
 				}
 			}
 		}
-		else if (this.player === 'html5') { 
+		else if (this.player === 'html5') {
 			if (this.fullscreen) {
 				this.$media.attr({
 					'width': newWidth,
@@ -11851,28 +11864,28 @@ if (typeof module !== "undefined" && module.exports) {
 					'height': newHeight
 				});
 			}
-			else { 
-				// No constraints. Let CSS handle the positioning. 
+			else {
+				// No constraints. Let CSS handle the positioning.
 				this.$media.removeAttr('width height');
 				this.$ableWrapper.css({
 					'width': newWidth + 'px',
 					'height': 'auto'
 				});
-			}				
+			}
 		}
 		// Resize captions
 		if (typeof this.$captionsDiv !== 'undefined') {
 
-			// Font-size is too small in full screen view 
+			// Font-size is too small in full screen view
 			// use viewport units (vw) instead
-			// % units work fine if not fullscreen  
-			// prefCaptionSize is expressed as a percentage 
+			// % units work fine if not fullscreen
+			// prefCaptionSize is expressed as a percentage
 			captionSize = parseInt(this.prefCaptionsSize,10);
-			if (this.fullscreen) { 
-				captionSize = (captionSize / 100) + 'vw'; 
+			if (this.fullscreen) {
+				captionSize = (captionSize / 100) + 'vw';
 			}
-			else { 
-				captionSize = captionSize + '%'; 
+			else {
+				captionSize = captionSize + '%';
 			}
 			this.$captionsDiv.css({
 				'font-size': captionSize
@@ -11881,15 +11894,15 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// Reposition alert message (video player only)
 		// just below the vertical center of the mediaContainer
-		// hopefully above captions, but not too far from the controller bar		
-		if (this.mediaType === 'video') { 
-			alertTop = Math.round(this.$mediaContainer.height() / 3) * 2;			
+		// hopefully above captions, but not too far from the controller bar
+		if (this.mediaType === 'video') {
+			alertTop = Math.round(this.$mediaContainer.height() / 3) * 2;
 			this.$alertBox.css({
 				top: alertTop + 'px'
 			});
 		}
 
-		this.refreshControls();			
+		this.refreshControls();
 	};
 
 	AblePlayer.prototype.retrieveOffscreenWindow = function( which, width, height ) {
@@ -12094,14 +12107,14 @@ if (typeof module !== "undefined" && module.exports) {
 			this.transcriptDescriptions = descriptions;
 		}
 		if (this.selectedDescriptions) {
-			// updating description voice to match new description language			
-			this.setDescriptionVoice();			
-			if (this.$sampleDescDiv) { 
-				if (this.sampleText) { 
-					for (i = 0; i < this.sampleText.length; i++) { 
-						if (this.sampleText[i].lang === this.selectedDescriptions.language) { 
-							this.currentSampleText = this.sampleText[i]['text']; 
-							this.$sampleDescDiv.html(this.currentSampleText); 
+			// updating description voice to match new description language
+			this.setDescriptionVoice();
+			if (this.$sampleDescDiv) {
+				if (this.sampleText) {
+					for (i = 0; i < this.sampleText.length; i++) {
+						if (this.sampleText[i].lang === this.selectedDescriptions.language) {
+							this.currentSampleText = this.sampleText[i]['text'];
+							this.$sampleDescDiv.html(this.currentSampleText);
 						}
 					}
 				}
@@ -12562,7 +12575,7 @@ if (typeof module !== "undefined" && module.exports) {
 			this.$chaptersDiv.addClass('able-chapters-div');
 
 			// empty content from previous build before starting fresh
-			this.$chaptersDiv.empty(); 
+			this.$chaptersDiv.empty();
 
 			// add optional header
 			if (this.chaptersTitle) {
@@ -12598,7 +12611,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 		thisObj = this;
 
-		// TODO: Update this so it can change the chapters popup menu 
+		// TODO: Update this so it can change the chapters popup menu
 		// currently it only works if chapters are in an external container
 		if (!this.$chaptersNav) {
 			return false;
@@ -13931,17 +13944,17 @@ if (typeof module !== "undefined" && module.exports) {
 		this.getMediaTimes(duration,elapsed).then(function(mediaTimes) {
 			thisObj.duration = mediaTimes['duration'];
 			thisObj.elapsed = mediaTimes['elapsed'];
-			if (thisObj.duration > 0) { 
+			if (thisObj.duration > 0) {
 				// do all the usual time-sync stuff during playback
 				if (thisObj.prefHighlight === 1) {
 					thisObj.highlightTranscript(thisObj.elapsed);
-				}				
+				}
 				thisObj.updateCaption(thisObj.elapsed);
 				thisObj.showDescription(thisObj.elapsed);
 				thisObj.updateChapter(thisObj.elapsed);
 				thisObj.updateMeta(thisObj.elapsed);
-				thisObj.refreshControls('timeline', thisObj.duration, thisObj.elapsed); 
-			}	
+				thisObj.refreshControls('timeline', thisObj.duration, thisObj.elapsed);
+			}
 		});
 	};
 
@@ -13986,16 +13999,16 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.onMediaNewSourceLoad = function () {
 
-		var loadIsComplete = false; 
+		var loadIsComplete = false;
 
 		if (this.cueingPlaylistItem) {
 			// this variable was set in order to address bugs caused by multiple firings of media 'end' event
 			// safe to reset now
 			this.cueingPlaylistItem = false;
 		}
-		if (this.recreatingPlayer) { 
-			// same as above; different bugs 
-			this.recreatingPlayer = false; 
+		if (this.recreatingPlayer) {
+			// same as above; different bugs
+			this.recreatingPlayer = false;
 		}
 		if (this.playbackRate) {
 			// user has set playbackRate on a previous src or track
@@ -14006,7 +14019,7 @@ if (typeof module !== "undefined" && module.exports) {
 			if (!this.startedPlaying || this.okToPlay) {
 				// start playing; no further user action is required
 				this.playMedia();
-				loadIsComplete = true; 
+				loadIsComplete = true;
 			 }
 		}
 		else if (this.seekTrigger == 'restart' ||
@@ -14018,7 +14031,7 @@ if (typeof module !== "undefined" && module.exports) {
 			// Not included: elements where user might click multiple times in succession
 			// (i.e., 'rewind', 'forward', or seekbar); for these, video remains paused until user initiates play
 			this.playMedia();
-			loadIsComplete = true; 
+			loadIsComplete = true;
 		}
 		else if (this.swappingSrc) {
 			// new source file has just been loaded
@@ -14027,54 +14040,54 @@ if (typeof module !== "undefined" && module.exports) {
 				if ((this.playlistIndex !== this.$playlist.length) || this.loop) {
 					// this is not the last track in the playlist (OR playlist is looping so it doesn't matter)
 					this.playMedia();
-					loadIsComplete = true; 
+					loadIsComplete = true;
 				}
 			}
 			else if (this.swapTime > 0) {
-				if (this.seekStatus === 'complete') { 
+				if (this.seekStatus === 'complete') {
 					if (this.okToPlay) {
 						// should be able to resume playback
-						this.playMedia();					
+						this.playMedia();
 					}
-					loadIsComplete = true; 
+					loadIsComplete = true;
 				}
-				else if (this.seekStatus === 'seeking') { 
+				else if (this.seekStatus === 'seeking') {
 				}
-				else { 
-					if (this.swapTime === this.elapsed) { 
-						// seek is finished! 
-						this.seekStatus = 'complete'; 
+				else {
+					if (this.swapTime === this.elapsed) {
+						// seek is finished!
+						this.seekStatus = 'complete';
 						if (this.okToPlay) {
 							// should be able to resume playback
-							this.playMedia();					
+							this.playMedia();
 						}
-						loadIsComplete = true; 
+						loadIsComplete = true;
 					}
-					else { 
-						// seeking hasn't started yet 
-						// first, determine whether it's possible 
-						if (this.hasDescTracks) { 
+					else {
+						// seeking hasn't started yet
+						// first, determine whether it's possible
+						if (this.hasDescTracks) {
 							// do nothing. Unable to seek ahead if there are descTracks
-							loadIsComplete = true; 
+							loadIsComplete = true;
 						}
 						else if (this.durationsAreCloseEnough(this.duration,this.prevDuration)) {
 							// durations of two sources are close enough to making seek ahead in new source ok
-							this.seekStatus = 'seeking'; 
+							this.seekStatus = 'seeking';
 							this.seekTo(this.swapTime);
 						}
-						else { 							
-							// durations of two sources are too dissimilar to support seeking ahead to swapTime.  						
-							loadIsComplete = true; 
+						else {
+							// durations of two sources are too dissimilar to support seeking ahead to swapTime.
+							loadIsComplete = true;
 						}
 					}
 				}
 			}
-			else {				
-				// swapTime is 0. No seeking required. 
-				if (this.playing) { 
-					this.playMedia(); 
-					// swap is complete. Reset vars. 
-					loadIsComplete = true; 					
+			else {
+				// swapTime is 0. No seeking required.
+				if (this.playing) {
+					this.playMedia();
+					// swap is complete. Reset vars.
+					loadIsComplete = true;
 				}
 			}
 		}
@@ -14087,7 +14100,7 @@ if (typeof module !== "undefined" && module.exports) {
 					if (this.okToPlay) {
 						this.playMedia();
 					}
-					loadIsComplete = true; 
+					loadIsComplete = true;
 				}
 				else {
 					// haven't started seeking yet
@@ -14102,79 +14115,79 @@ if (typeof module !== "undefined" && module.exports) {
 				if (this.okToPlay) {
 					this.playMedia();
 				}
-				loadIsComplete = true; 				
+				loadIsComplete = true;
 			}
 		}
-		else if (this.hasPlaylist) { 
-			// new source media is part of a playlist, but user didn't click on it 
+		else if (this.hasPlaylist) {
+			// new source media is part of a playlist, but user didn't click on it
 			// (and somehow, swappingSrc is false)
-			// this may happen when the previous track ends and next track loads 
-			// this same code is called above when swappingSrc is true 
+			// this may happen when the previous track ends and next track loads
+			// this same code is called above when swappingSrc is true
 			if ((this.playlistIndex !== this.$playlist.length) || this.loop) {
 				// this is not the last track in the playlist (OR playlist is looping so it doesn't matter)
 				this.playMedia();
-				loadIsComplete = true; 
+				loadIsComplete = true;
 			}
 		}
-		else { 
-			// None of the above. 
+		else {
+			// None of the above.
 			// User is likely seeking to a new time, but not loading a new media source
-			// need to reset vars 
-			loadIsComplete = true; 
-		}
-		if (loadIsComplete) { 
-			// reset vars 
-			this.swappingSrc = false; 			
-			this.seekStatus = null; 
-			this.swapTime = 0; 
+			// need to reset vars
+			loadIsComplete = true;
+		}
+		if (loadIsComplete) {
+			// reset vars
+			this.swappingSrc = false;
+			this.seekStatus = null;
+			this.swapTime = 0;
 			this.seekTrigger = null;
-			this.seekingFromTranscript = false;		
+			this.seekingFromTranscript = false;
 			this.userClickedPlaylist = false;
-			this.okToPlay = false; 	
+			this.okToPlay = false;
 		}
 		this.refreshControls('init');
-		if (this.$focusedElement) { 		
-			this.restoreFocus(); 
-			this.$focusedElement = null; 
+		if (this.$focusedElement) {
+			this.restoreFocus();
+			this.$focusedElement = null;
 		}
 	};
 
-	AblePlayer.prototype.durationsAreCloseEnough = function(d1,d2) { 
+	AblePlayer.prototype.durationsAreCloseEnough = function(d1,d2) {
+
+		// Compare the durations of two media sources to determine whether it's ok to seek ahead after swapping src
+		// The durations may not be exact, but they might be "close enough"
+		// returns true if "close enough", otherwise false
+
+		var tolerance, diff;
+
+		tolerance = 1;  // number of seconds between rounded durations that is considered "close enough"
 
-		// Compare the durations of two media sources to determine whether it's ok to seek ahead after swapping src 
-		// The durations may not be exact, but they might be "close enough" 
-		// returns true if "close enough", otherwise false 
+		diff = Math.abs(Math.round(d1) - Math.round(d2));
 
-		var tolerance, diff; 
-		
-		tolerance = 1;  // number of seconds between rounded durations that is considered "close enough" 
-		
-		diff = Math.abs(Math.round(d1) - Math.round(d2)); 
-		
 		if (diff <= tolerance) {
-			return true;  
+			return true;
 		}
-		else { 
-			return false; 
+		else {
+			return false;
 		}
 	};
 
-	AblePlayer.prototype.restoreFocus = function() { 
+	AblePlayer.prototype.restoreFocus = function() {
 
 		// function called after player has been rebuilt (during media swap)
-		// the original focusedElement no longer exists, 
-		// but this function finds a match in the new player 
-		// and places focus there 
+		// the original focusedElement no longer exists,
+		// but this function finds a match in the new player
+		// and places focus there
 
-		var classList; 
+		var classList;
 
-		if (this.$focusedElement) { 
-			
-			if ((this.$focusedElement).attr('role') === 'button') { 
+		if (this.$focusedElement) {
+
+			if ((this.$focusedElement).attr('role') === 'button') {
 				classList = this.$focusedElement.attr("class").split(/\s+/);
 				$.each(classList, function(index, item) {
 					if (item.substring(0,20) === 'able-button-handler-') {
-						$('div.able-controller div.' + item).focus();  
+						$('div.able-controller div.' + item).focus();
 					}
 				});
 			}
@@ -14217,7 +14230,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 		var whichButton, prefsPopup;
 
-		whichButton = this.getButtonNameFromClass($(el).attr('class')); 
+		whichButton = this.getButtonNameFromClass($(el).attr('class'));
 
 		if (whichButton === 'play') {
 			this.clickedPlay = true;
@@ -14229,14 +14242,14 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 		else if (whichButton === 'previous') {
 			this.userClickedPlaylist = true;
-			this.okToPlay = true; 
+			this.okToPlay = true;
 			this.seekTrigger = 'previous';
 			this.buttonWithFocus = 'previous';
 			this.handlePrevTrack();
 		}
 		else if (whichButton === 'next') {
 			this.userClickedPlaylist = true;
-			this.okToPlay = true; 
+			this.okToPlay = true;
 			this.seekTrigger = 'next';
 			this.buttonWithFocus = 'next';
 			this.handleNextTrack();
@@ -14312,20 +14325,20 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 	};
 
-	AblePlayer.prototype.getButtonNameFromClass = function (classString) { 
+	AblePlayer.prototype.getButtonNameFromClass = function (classString) {
 
-		// player control buttons all have class="able-button-handler-x"  where x is the identifier 
+		// player control buttons all have class="able-button-handler-x"  where x is the identifier
 		// buttons might also have other classes assigned though
 
-		var classes, i; 
+		var classes, i;
 
-		classes = classString.split(' '); 
-		for (i = 0; i < classes.length; i++) { 
-			if (classes[i].substring(0,20) === 'able-button-handler-') { 
-				return classes[i].substring(20); 
+		classes = classString.split(' ');
+		for (i = 0; i < classes.length; i++) {
+			if (classes[i].substring(0,20) === 'able-button-handler-') {
+				return classes[i].substring(20);
 			}
-		}		
-		return classString; 
+		}
+		return classString;
 	}
 
 	AblePlayer.prototype.okToHandleKeyPress = function () {
@@ -14503,10 +14516,10 @@ if (typeof module !== "undefined" && module.exports) {
 			})
 			.on('loadedmetadata',function() {
 				// should be able to get duration now
-				thisObj.duration = thisObj.media.duration;				
-				var x = 50.5; 
-				var y = 51.9; 
-				var diff = Math.abs(Math.round(x)-Math.round(y)); 
+				thisObj.duration = thisObj.media.duration;
+				var x = 50.5;
+				var y = 51.9;
+				var diff = Math.abs(Math.round(x)-Math.round(y));
 			})
 			.on('canplay',function() {
 				// previously handled seeking to startTime here
@@ -14514,11 +14527,11 @@ if (typeof module !== "undefined" && module.exports) {
 				// so we know player can seek ahead to anything
 			})
 			.on('canplaythrough',function() {
-				// previously onMediaNewSourceLoad() was called on 'loadedmetadata' 
-				// but that proved to be too soon for some of this functionality. 
-				// TODO: Monitor this. If moving it here causes performance issues, 
-				// consider moving some or all of this functionality to 'canplay' 
-					thisObj.onMediaNewSourceLoad(); 								
+				// previously onMediaNewSourceLoad() was called on 'loadedmetadata'
+				// but that proved to be too soon for some of this functionality.
+				// TODO: Monitor this. If moving it here causes performance issues,
+				// consider moving some or all of this functionality to 'canplay'
+					thisObj.onMediaNewSourceLoad();
 			})
 			.on('play',function() {
 				// both 'play' and 'playing' seem to be fired in all browsers (including IE11)
@@ -14528,7 +14541,7 @@ if (typeof module !== "undefined" && module.exports) {
 			.on('playing',function() {
 				thisObj.playing = true;
 				thisObj.paused = false;
-				thisObj.swappingSrc = false; 
+				thisObj.swappingSrc = false;
 				thisObj.refreshControls('playpause');
 			})
 			.on('ended',function() {
@@ -14550,12 +14563,12 @@ if (typeof module !== "undefined" && module.exports) {
 			.on('timeupdate',function() {
 				thisObj.onMediaUpdateTime(); // includes a call to refreshControls()
 			})
-			.on('pause',function() {				
-				if (!thisObj.clickedPlay) {					
+			.on('pause',function() {
+				if (!thisObj.clickedPlay) {
 					// 'pause' was triggered automatically, not initiated by user
 					// this happens in some browsers when swapping source
 					// (e.g., between tracks in a playlist or swapping description)
-					if (thisObj.hasPlaylist || thisObj.swappingSrc) {						
+					if (thisObj.hasPlaylist || thisObj.swappingSrc) {
 						// do NOT set playing to false.
 						// doing so prevents continual playback after new track is loaded
 					}
@@ -14635,11 +14648,11 @@ if (typeof module !== "undefined" && module.exports) {
 			// Triggered as the video is loaded.
 			 // Reports back the amount of the video that has been buffered (NOT the amount played)
 			 // Data has keys duration, percent, and seconds
-	 	});
+		});
 		this.vimeoPlayer.on('seeking', function(data) {
 		 	// Triggered when the player starts seeking to a specific time.
 			 // A timeupdate event will also be fired at the same time.
-	 	});
+		});
 		this.vimeoPlayer.on('seeked', function(data) {
 			// Triggered when the player seeks to a specific time.
 			// A timeupdate event will also be fired at the same time.
@@ -14761,16 +14774,16 @@ if (typeof module !== "undefined" && module.exports) {
 
 			if (e.button !== 0) { // not a left click
 				return false;
-			}			
+			}
 			if ($('.able-popup:visible').length || $('.able-volume-popup:visible')) {
 				// at least one popup is visible
 				thisObj.closePopups();
 			}
-			if (e.target.tagName === 'VIDEO') { 
+			if (e.target.tagName === 'VIDEO') {
 				// user clicked the video (not an element that sits on top of the video)
-				// handle this as a play/pause toggle click 
-				thisObj.clickedPlay = true; 
-			}			
+				// handle this as a play/pause toggle click
+				thisObj.clickedPlay = true;
+			}
 		});
 
 		// handle mouse movement over player; make controls visible again if hidden
@@ -14901,7 +14914,7 @@ if (typeof module !== "undefined" && module.exports) {
 		// There are nevertheless lessons to be learned from Drag & Drop about accessibility:
 		// http://dev.opera.com/articles/accessible-drag-and-drop/
 
-		var thisObj, $window, $toolbar, windowName, $resizeHandle, $resizeSvg, 
+		var thisObj, $window, $toolbar, windowName, $resizeHandle, $resizeSvg,
 			i, x1, y1, x2, y2, $resizeLine, resizeZIndex;
 
 		thisObj = this;
@@ -14925,42 +14938,42 @@ if (typeof module !== "undefined" && module.exports) {
 			'class': 'able-resizable'
 		});
 
-		// fill it with three parallel diagonal lines 
+		// fill it with three parallel diagonal lines
 		$resizeSvg = $('<svg>').attr({
 			'width': '100%',
 			'height': '100%',
 			'viewBox': '0 0 100 100',
 			'preserveAspectRatio': 'none'
 		});
-		for (i=1; i<=3; i++) { 
-			if (i === 1) { 
-				x1 = '100'; 
-				y1 = '0'; 
-				x2 = '0'; 
-				y2 = '100'; 
-			}
-			else if (i === 2) { 
-				x1 = '33'; 
-				y1 = '100'; 
-				x2 = '100'; 
-				y2 = '33'; 
-			}
-			else if (i === 3) { 
-				x1 = '67'; 
-				y1 = '100'; 
-				x2 = '100'; 
-				y2 = '67'; 
-			}
-			$resizeLine = $('<line>').attr({ 
+		for (i=1; i<=3; i++) {
+			if (i === 1) {
+				x1 = '100';
+				y1 = '0';
+				x2 = '0';
+				y2 = '100';
+			}
+			else if (i === 2) {
+				x1 = '33';
+				y1 = '100';
+				x2 = '100';
+				y2 = '33';
+			}
+			else if (i === 3) {
+				x1 = '67';
+				y1 = '100';
+				x2 = '100';
+				y2 = '67';
+			}
+			$resizeLine = $('<line>').attr({
 				'x1': x1,
 				'y1': y1,
 				'x2': x2,
 				'y2': y2,
-				'vector-effect': 'non-scaling-stroke'				
+				'vector-effect': 'non-scaling-stroke'
 			})
-			$resizeSvg.append($resizeLine); 
+			$resizeSvg.append($resizeLine);
 		}
-		$resizeHandle.html($resizeSvg); 
+		$resizeHandle.html($resizeSvg);
 
 		// assign z-index that's slightly higher than parent window
 		resizeZIndex = parseInt($window.css('z-index')) + 100;
@@ -16813,30 +16826,30 @@ if (typeof module !== "undefined" && module.exports) {
 		// return language name associated with lang code "key"
 		// whichName is either "English" or "local" (i.e., native name)
 
-		var lang, code, subTag; 
+		var lang, code, subTag;
 		lang = isoLangs[key.toLowerCase()];
-		if (lang) { 
-			if (whichName === 'local') { 
-				return lang.nativeName; 
+		if (lang) {
+			if (whichName === 'local') {
+				return lang.nativeName;
 			}
-			else { 
-				return lang.name; 
+			else {
+				return lang.name;
 			}
 		}
 		else if (key.includes('-')) {
 			code = key.substring(0,2);
-			subTag = key.substring(3);  
-			lang = isoLangs[code.toLowerCase()]; 
-			if (lang) { 
-				if (whichName === 'local') { 
-					return lang.nativeName + ' (' + subTag + ')'; 
+			subTag = key.substring(3);
+			lang = isoLangs[code.toLowerCase()];
+			if (lang) {
+				if (whichName === 'local') {
+					return lang.nativeName + ' (' + subTag + ')';
 				}
-				else { 
-					return lang.name + ' (' + subTag + ')'; 
+				else {
+					return lang.name + ' (' + subTag + ')';
 				}
 			}
 		}
-		// if all else has failed, use the key as the label 
+		// if all else has failed, use the key as the label
 		return key;
 	};
 
@@ -16852,7 +16865,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// determine language, then get labels and prompts from corresponding translation var
 
-		var deferred, thisObj, supportedLangs, docLang, msg, translationFile, collapsedLang, i, 
+		var deferred, thisObj, supportedLangs, docLang, msg, translationFile, collapsedLang, i,
 			similarLangFound;
 		deferred = $.Deferred();
 		thisObj = this;
@@ -16877,18 +16890,18 @@ if (typeof module !== "undefined" && module.exports) {
 				}
 				else {
 					// this is not a localized language.
-					// but maybe there's a similar localized language supported  
-					// that has the same parent?  
-					similarLangFound = false; 
-					i = 0; 
-					while (i < supportedLangs.length) { 
-						if (supportedLangs[i].substring(0,2) == this.lang) { 
-							this.lang = supportedLangs[i]; 				
-							similarLangFound = true; 
+					// but maybe there's a similar localized language supported
+					// that has the same parent?
+					similarLangFound = false;
+					i = 0;
+					while (i < supportedLangs.length) {
+						if (supportedLangs[i].substring(0,2) == this.lang) {
+							this.lang = supportedLangs[i];
+							similarLangFound = true;
 						}
-						i++; 
+						i++;
 					}
-					if (!similarLangFound) { 
+					if (!similarLangFound) {
 						// language requested via data-lang is not supported
 						this.lang = null;
 					}
@@ -16938,11 +16951,11 @@ if (typeof module !== "undefined" && module.exports) {
 		translationFile = this.rootPath + 'translations/' + this.lang + '.js';
 		$.getJSON(translationFile, function(data) {
 			// success!
-			thisObj.tt = data; 
-			deferred.resolve(); 
+			thisObj.tt = data;
+			deferred.resolve();
 		})
 		.fail(function() {
-						
+			
 			thisObj.provideFallback();
 			deferred.fail();
 		})
@@ -16951,26 +16964,26 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.getSampleDescriptionText = function() {
 
-		// Create an array of sample description text in all languages 
-		// This needs to be readily available for testing different voices 
-		// in the Description Preferences dialog 
-		var thisObj, supportedLangs, i, thisLang, translationFile, thisText, translation; 
-		
-		supportedLangs = this.getSupportedLangs(); 
+		// Create an array of sample description text in all languages
+		// This needs to be readily available for testing different voices
+		// in the Description Preferences dialog
+		var thisObj, supportedLangs, i, thisLang, translationFile, thisText, translation;
 
-		thisObj = this; 
+		supportedLangs = this.getSupportedLangs();
+
+		thisObj = this;
 
-		this.sampleText = []; 
-		for (i=0; i < supportedLangs.length; i++) { 
+		this.sampleText = [];
+		for (i=0; i < supportedLangs.length; i++) {
 			translationFile = this.rootPath + 'translations/' + supportedLangs[i] + '.js';
 			$.getJSON(translationFile, thisLang, (function(thisLang) {
-					return function(data) { 
-						thisText = data.sampleDescriptionText; 
-						translation = {'lang':thisLang, 'text': thisText}; 
-						thisObj.sampleText.push(translation); 						
+					return function(data) {
+						thisText = data.sampleDescriptionText;
+						translation = {'lang':thisLang, 'text': thisText};
+						thisObj.sampleText.push(translation);
 					};
-			}(supportedLangs[i])) // pass lang to callback function 
-			); 				 
+			}(supportedLangs[i])) // pass lang to callback function
+			);
 		}
 	};
 
@@ -17263,7 +17276,7 @@ if (typeof module !== "undefined" && module.exports) {
 					$label = $('<label>', {
 						'for': radioId
 						// Two options for label:
-						// getLanguageName() - with second parameter "local" would return native name, otherwise returns English; 
+						// getLanguageName() - with second parameter "local" would return native name, otherwise returns English;
 						// TODO: if using this be sure to add lang attr to <div> (see above)
 					}).text(this.getLanguageName(this.langs[i]));
 					$radioDiv.append($radio,$label);
@@ -17357,8 +17370,8 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.setupVtsTracks = function(kind, lang, trackDesc, label, src, contents) {
 
-		// TODO: Add support for trackDesc 
-		// (to destinguish between tracks for the decribed vs non-described versions)		
+		// TODO: Add support for trackDesc
+		// (to destinguish between tracks for the decribed vs non-described versions)
 
 		// Called from tracks.js
 		var srcFile, vtsCues;
@@ -17750,14 +17763,12 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.getIconCredit = function() {
 
-		var credit;
-		credit = '<div id="able-vts-icon-credit">'
-			+ 'Action buttons made by <a href="https://www.flaticon.com/authors/elegant-themes">Elegant Themes</a> '
-			+ 'from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> '
-			+ 'are licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" '
-			+ 'target="_blank">CC 3.0 BY</a>'
-			+ '</div>';
-			return credit;
+		var credit
+			= 'Action buttons made by <a target="_blank" rel="noreferrer" href="https://www.elegantthemes.com">Elegant Themes</a>'
+			+ ' from <a target="_blank" rel="noreferrer" href="https://www.flaticon.com">flaticon</a>'
+			+ ' are licensed by <a target="_blank" rel="noreferrer" href="https://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC 3.0 BY</a>'
+		;
+		return '<div id="able-vts-icon-credit">' + credit + '</div>';
 	};
 
 	AblePlayer.prototype.getAllLangs = function(tracks) {
@@ -18191,7 +18202,7 @@ if (typeof module !== "undefined" && module.exports) {
 			return myclass.substring(kindStart);
 		}
 		else {
-			// kind-* is one of multiple classes 
+			// kind-* is one of multiple classes
 			// the following will find it regardless of position of "kind-*" within the class string
 			return myclass.substring(kindStart,kindEnd);
 		}
@@ -18273,8 +18284,8 @@ if (typeof module !== "undefined" && module.exports) {
 
 })(jQuery);
 
-
 (function ($) {
+
 	AblePlayer.prototype.initVimeoPlayer = function () {
 
 		var thisObj, deferred, promise, containerId, vimeoId, autoplay, videoDimensions, options;
@@ -18303,10 +18314,10 @@ if (typeof module !== "undefined" && module.exports) {
 		// setting the "controls" option to "false" will hide the default controls, without hiding captions.
 		// This is a new option from Vimeo; previously used "background:true" to hide the controller,
 		// but that had unwanted side effects:
-		//  - In addition to hiding the controls, it also hides captions
-		//  - It automatically autoplays (initializing the player with autoplay:false does not override this)
-		//  - It automatically loops (but this can be overridden by initializing the player with loop:false)
-		//  - It automatically sets volume to 0 (not sure if this can be overridden, since no longer using the background option)
+		// - In addition to hiding the controls, it also hides captions
+		// - It automatically autoplays (initializing the player with autoplay:false does not override this)
+		// - It automatically loops (but this can be overridden by initializing the player with loop:false)
+		// - It automatically sets volume to 0 (not sure if this can be overridden, since no longer using the background option)
 
 		if (this.okToPlay) {
 			autoplay = 'true';
@@ -18315,16 +18326,16 @@ if (typeof module !== "undefined" && module.exports) {
 			autoplay = 'false';
 		}
 
-		if (this.playerWidth) {			
-			if (this.vimeoUrlHasParams) { 
-				// use url param, not id 
+		if (this.playerWidth) {
+			if (this.vimeoUrlHasParams) {
+				// use url param, not id
 				options = {
 					url: vimeoId,
 					width: this.playerWidth,
 					controls: false
 				}
 			}
-			else { 
+			else {
 				options = {
 					id: vimeoId,
 					width: this.playerWidth,
@@ -18332,15 +18343,15 @@ if (typeof module !== "undefined" && module.exports) {
 				}
 			}
 		}
-		else { 
-			// initialize without width & set width later 
-			if (this.vimeoUrlHasParams) { 
+		else {
+			// initialize without width & set width later
+			if (this.vimeoUrlHasParams) {
 				options = {
 					url: vimeoId,
 					controls: false
 				}
 			}
-			else { 
+			else {
 				options = {
 					id: vimeoId,
 					controls: false
@@ -18358,18 +18369,18 @@ if (typeof module !== "undefined" && module.exports) {
 			});
 
 			// get video's intrinsic size and initiate player dimensions
-			thisObj.vimeoPlayer.getVideoWidth().then(function(width) {						
-				if (width) { 
-					// also get height 
-					thisObj.vimeoPlayer.getVideoHeight().then(function(height) {	
-						if (height) { 								
-							thisObj.resizePlayer(width,height); 								
+			thisObj.vimeoPlayer.getVideoWidth().then(function(width) {
+				if (width) {
+					// also get height
+					thisObj.vimeoPlayer.getVideoHeight().then(function(height) {
+						if (height) {
+							thisObj.resizePlayer(width,height);
 						}
-					});														
+					});
 				}
 			}).catch(function(error) {
-				// an error occurred getting height or width 
-				// TODO: Test this to see how gracefully it organically recovers 
+				// an error occurred getting height or width
+				// TODO: Test this to see how gracefully it organically recovers
 			});
 
 			if (!thisObj.hasPlaylist) {
@@ -18499,9 +18510,9 @@ if (typeof module !== "undefined" && module.exports) {
 							'language': tracks[i]['language'],
 							'label': tracks[i]['label'],
 							'def': isDefaultTrack
-						});						
+						});
 					}
-					thisObj.captions = thisObj.tracks; 
+					thisObj.captions = thisObj.tracks;
 					thisObj.hasCaptions = true;
 
 					// setupPopups again with new captions array, replacing original
@@ -18510,7 +18521,7 @@ if (typeof module !== "undefined" && module.exports) {
 			 	}
 			 	else {
 					thisObj.hasCaptions = false;
-					thisObj.usingVimeoCaptions = false; 
+					thisObj.usingVimeoCaptions = false;
 					deferred.resolve();
 				}
 			});
@@ -18521,9 +18532,9 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.getVimeoPosterUrl = function (vimeoId, width) {
 
 		// this is a placeholder, copied from getYouTubePosterUrl()
-		// Vimeo doesn't seem to have anything similar, 
+		// Vimeo doesn't seem to have anything similar,
 		// nor does it seem to be possible to get the poster via the Vimeo API
-		// Vimeo playlist support (with thumbnail images) may require use of data-poster 
+		// Vimeo playlist support (with thumbnail images) may require use of data-poster
 
 		// return a URL for retrieving a YouTube poster image
 		// supported values of width: 120, 320, 480, 640
@@ -18546,43 +18557,43 @@ if (typeof module !== "undefined" && module.exports) {
 			return url + '/sddefault.jpg';
 		}
 		return false;
-	};	
+	};
 
 	AblePlayer.prototype.getVimeoId = function (url) {
-		
+
 		// return a Vimeo ID, extracted from a full Vimeo URL
 		// Supported URL patterns are anything containing 'vimeo.com'
-		//  and ending with a '/' followed by the ID. 
+		// and ending with a '/' followed by the ID.
 		// (Vimeo IDs do not have predicatable lengths)
-		
-		// Update: If URL contains parameters, return the full url 
-		// This will need to be passed to the Vimeo Player API 
-		// as a url parameter, not as an id parameter		 
-		this.vimeoUrlHasParams = false; 
-	
-		var idStartPos, id; 
-
-		if (typeof url === 'number') { 
-			// this is likely already a vimeo ID 
-			return url; 
-		}
-		else if (url.indexOf('vimeo.com') !== -1) { 
-			// this is a full Vimeo URL 
-			if (url.indexOf('?') !== -1) { 
-				// URL contains parameters 
-				this.vimeoUrlHasParams = true; 
-				return url; 
-			}
-			else { 			
-				url = url.trim(); 
-				idStartPos = url.lastIndexOf('/') + 1; 
-				id = url.substring(idStartPos); 
-				return id; 
+
+		// Update: If URL contains parameters, return the full url
+		// This will need to be passed to the Vimeo Player API
+		// as a url parameter, not as an id parameter
+		this.vimeoUrlHasParams = false;
+
+		var idStartPos, id;
+
+		if (typeof url === 'number') {
+			// this is likely already a vimeo ID
+			return url;
+		}
+		else if (url.indexOf('vimeo.com') !== -1) {
+			// this is a full Vimeo URL
+			if (url.indexOf('?') !== -1) {
+				// URL contains parameters
+				this.vimeoUrlHasParams = true;
+				return url;
+			}
+			else {
+				url = url.trim();
+				idStartPos = url.lastIndexOf('/') + 1;
+				id = url.substring(idStartPos);
+				return id;
 			}
 		}
-		else { 
-			return url; 
+		else {
+			return url;
 		}
-};	
+	};
 
 })(jQuery);
diff --git a/build/ableplayer.js b/build/ableplayer.js
index 1936758d..47de5cda 100644
--- a/build/ableplayer.js
+++ b/build/ableplayer.js
@@ -1396,7 +1396,6 @@ var AblePlayerInstances = [];
 
 (function ($) {
 	$(function () {
-
 		$('video, audio').each(function (index, element) {
 			if ($(element).data('able-player') !== undefined) {
 				AblePlayerInstances.push(new AblePlayer($(this),$(element)));
@@ -1444,14 +1443,14 @@ var AblePlayerInstances = [];
 
 		// autoplay (Boolean; if present always resolves to true, regardless of value)
 		if ($(media).attr('autoplay') !== undefined) {
-			this.autoplay = true; // this value remains constant 
+			this.autoplay = true; // this value remains constant
 			this.okToPlay = true; // this value can change dynamically
 		}
 		else {
 			this.autoplay = false;
 			this.okToPlay = false;
 		}
-		
+
 		// loop (Boolean; if present always resolves to true, regardless of value)
 		if ($(media).attr('loop') !== undefined) {
 			this.loop = true;
@@ -1476,13 +1475,13 @@ var AblePlayerInstances = [];
 			this.hasPoster = false;
 		}
 
-		// get height and width attributes, if present 
-		// and add them to variables 
-		// Not currently used, but might be useful for resizing player  
-		if ($(media).attr('width')) { 
-			this.width = $(media).attr('width'); 
+		// get height and width attributes, if present
+		// and add them to variables
+		// Not currently used, but might be useful for resizing player
+		if ($(media).attr('width')) {
+			this.width = $(media).attr('width');
 		}
-		if ($(media).attr('height')) { 
+		if ($(media).attr('height')) {
 			this.height = $(media).attr('height');
 		}
 
@@ -1533,13 +1532,13 @@ var AblePlayerInstances = [];
 		else {
 			this.useChaptersButton = true;
 		}
-		
-		// Control whether text descriptions are read aloud 
+
+		// Control whether text descriptions are read aloud
 		// set to "false" if the sole purpose of the WebVTT descriptions file
 		// is to integrate text description into the transcript
-		// set to "true" to write description text to a div 
-		// This variable does *not* control the method by which description is read. 
-		// For that, see below (this.descMethod) 
+		// set to "true" to write description text to a div
+		// This variable does *not* control the method by which description is read.
+		// For that, see below (this.descMethod)
 		if ($(media).data('descriptions-audible') !== undefined && $(media).data('descriptions-audible') === false) {
 			this.readDescriptionsAloud = false;
 		}
@@ -1551,12 +1550,12 @@ var AblePlayerInstances = [];
 			this.readDescriptionsAloud = true;
 		}
 
-		// Method by which text descriptions are read  
+		// Method by which text descriptions are read
 		// valid values of data-desc-reader are:
-		// 'brower' (default) - text-based audio description is handled by the browser, if supported  
-		// 'screenreader' - text-based audio description is always handled by screen readers 
-		// The latter may be preferable by owners of websites in languages that are not well supported 
-		// by the Web Speech API  
+		// 'brower' (default) - text-based audio description is handled by the browser, if supported
+		// 'screenreader' - text-based audio description is always handled by screen readers
+		// The latter may be preferable by owners of websites in languages that are not well supported
+		// by the Web Speech API
 		if ($(media).data('desc-reader') == 'screenreader') {
 			this.descReader = 'screenreader';
 		}
@@ -1564,11 +1563,11 @@ var AblePlayerInstances = [];
 			this.descReader = 'browser';
 		}
 
-		// Default state of captions and descriptions 
-		// This setting is overridden by user preferences, if they exist 
-		// values for data-state-captions and data-state-descriptions are 'on' or 'off' 
+		// Default state of captions and descriptions
+		// This setting is overridden by user preferences, if they exist
+		// values for data-state-captions and data-state-descriptions are 'on' or 'off'
 		if ($(media).data('state-captions') == 'off') {
-			this.defaultStateCaptions = 0; // off 
+			this.defaultStateCaptions = 0; // off
 		}
 		else {
 			this.defaultStateCaptions = 1; // on by default
@@ -1580,13 +1579,13 @@ var AblePlayerInstances = [];
 			this.defaultStateDescriptions = 0; // off by default
 		}
 
-		// Default setting for prefDescPause  
-		// Extended description (i.e., pausing during description) is on by default 
-		// but this settings give website owners control over that 
-		// since they know the nature of their videos, and whether pausing is necessary 
-		// This setting is overridden by user preferences, if they exist 
+		// Default setting for prefDescPause
+		// Extended description (i.e., pausing during description) is on by default
+		// but this settings give website owners control over that
+		// since they know the nature of their videos, and whether pausing is necessary
+		// This setting is overridden by user preferences, if they exist
 		if ($(media).data('desc-pause-default') == 'off') {
-			this.defaultDescPause = 0; // off 
+			this.defaultDescPause = 0; // off
 		}
 		else {
 			this.defaultDescPause = 1; // on by default
@@ -1632,7 +1631,7 @@ var AblePlayerInstances = [];
 			if (this.transcriptSrcHasRequiredParts()) {
 				this.transcriptType = 'manual';
 			}
-			else { 
+			else {
 				console.log('ERROR: Able Player transcript is missing required parts');
 			}
 		}
@@ -1737,31 +1736,31 @@ var AblePlayerInstances = [];
 
 		// Skin
 		// valid values of data-skin are:
-		// 'legacy' (default), two rows of controls; seekbar positioned in available space within top row
-		// '2020', all buttons in one row beneath a full-width seekbar
-		if ($(media).data('skin') == '2020') {
-			this.skin = '2020';
+		// '2020' (default as of 5.0), all buttons in one row beneath a full-width seekbar
+		// 'legacy', two rows of controls; seekbar positioned in available space within top row
+		if ($(media).data('skin') == 'legacy') {
+			this.skin = 'legacy';
 		}
 		else {
-			this.skin = 'legacy';
+			this.skin = '2020';
 		}
 
-		// Size 
-		// width of Able Player is determined using the following order of precedence: 
-		// 1. data-width attribute 
+		// Size
+		// width of Able Player is determined using the following order of precedence:
+		// 1. data-width attribute
 		// 2. width attribute (for video or audio, although it is not valid HTML for audio)
 		// 3. Intrinsic size from video (video only, determined later)
 		if ($(media).data('width') !== undefined) {
 			this.playerWidth = parseInt($(media).data('width'));
 		}
 		else if ($(media)[0].getAttribute('width')) {
-			// NOTE: jQuery attr() returns null for all invalid HTML attributes 
+			// NOTE: jQuery attr() returns null for all invalid HTML attributes
 			// (e.g., width on <audio>)
-			// but it can be acessed via JavaScript getAttribute() 
+			// but it can be acessed via JavaScript getAttribute()
 			this.playerWidth = parseInt($(media)[0].getAttribute('width'));
 		}
-		else { 
-			this.playerWidth = null; 
+		else {
+			this.playerWidth = null;
 		}
 
 		// Icon type
@@ -1785,9 +1784,9 @@ var AblePlayerInstances = [];
 		else {
 			this.allowFullscreen = true;
 		}
-		// Define other variables that are used in fullscreen program flow 
-		this.clickedFullscreenButton = false; 
-		this.restoringAfterFullscreen = false;			
+		// Define other variables that are used in fullscreen program flow
+		this.clickedFullscreenButton = false;
+		this.restoringAfterFullscreen = false;
 
 		// Seek interval
 		// Number of seconds to seek forward or back with Rewind & Forward buttons
@@ -1826,15 +1825,15 @@ var AblePlayerInstances = [];
 		// Fallback
 		// The data-test-fallback attribute can be used to test the fallback solution in any browser
 		if ($(media).data('test-fallback') !== undefined && $(media).data('test-fallback') !== false) {
-			if ($(media).data('test-fallback') == '2') { 
-				this.testFallback = 2; // emulate browser that doesn't support HTML5 media 
+			if ($(media).data('test-fallback') == '2') {
+				this.testFallback = 2; // emulate browser that doesn't support HTML5 media
 			}
-			else { 
-				this.testFallback = 1; // emulate failure to load Able Player 
+			else {
+				this.testFallback = 1; // emulate failure to load Able Player
 			}
 		}
-		else { 
-			this.testFallback = false; 
+		else {
+			this.testFallback = false;
 		}
 
 		// Language
@@ -1961,8 +1960,8 @@ var AblePlayerInstances = [];
 				}
 			}
 		).
-		fail(function() { 
-			thisObj.provideFallback(); 
+		fail(function() {
+			thisObj.provideFallback();
 		});
 	};
 
@@ -1986,9 +1985,9 @@ var AblePlayerInstances = [];
 						// for playlists, recreatePlayer() is called from within cuePlaylistItem()
 					}
 					else {
-						thisObj.recreatePlayer().then(function() { 
+						thisObj.recreatePlayer().then(function() {
 							thisObj.initializing = false;
-							thisObj.playerCreated = true; // remains true until browser is refreshed		
+							thisObj.playerCreated = true; // remains true until browser is refreshed
 						});
 					}
 				});
@@ -2307,7 +2306,7 @@ var AblePlayerInstances = [];
 	};
 
 	// Initialize player based on data on page.
-	// This sets some variables, but does not modify anything.	Safe to call multiple times.
+	// This sets some variables, but does not modify anything. Safe to call multiple times.
 	// Can call again after updating this.media so long as new media element has the same ID.
 	AblePlayer.prototype.reinitialize = function () {
 
@@ -2363,17 +2362,17 @@ var AblePlayerInstances = [];
 
 		var mediaId = this.$media.attr('id');
 
-		// Called again after width and height are known 
+		// Called again after width and height are known
 
-		if (this.mediaType === 'audio') { 			
-			if (this.playerWidth) { 
-				this.$ableWrapper.css('width',this.playerWidth + 'px'); 
+		if (this.mediaType === 'audio') {
+			if (this.playerWidth) {
+				this.$ableWrapper.css('width',this.playerWidth + 'px');
 			}
 		}
-		else if (width > 0 && height > 0) { 
-			this.playerWidth = width; 
-			this.playerHeight = height; 
-			this.aspectRatio = height / width; 
+		else if (width > 0 && height > 0) {
+			this.playerWidth = width;
+			this.playerHeight = height;
+			this.aspectRatio = height / width;
 		}
 	};
 
@@ -2437,7 +2436,7 @@ var AblePlayerInstances = [];
 					this.iconType = 'image';
 				}
 			}
-			else { 
+			else {
 				// window.getComputedStyle is not supported (IE 8 and earlier)
 				// No known way to detect computed font
 				// The following retrieves the value from the style sheet, not the computed font
@@ -2502,7 +2501,7 @@ var AblePlayerInstances = [];
 				// if it does, inject a thumbnail from Vimeo
 				var $vimeoVideos = $(this).find('li[data-vimeo-id]');
 				$vimeoVideos.each(function() {
-					var vimeoId = $(this).attr('data-youtube-id');
+					var vimeoId = $(this).attr('data-vimeo-id');
 					var vimeoPoster = thisObj.getVimeoPosterUrl(vimeoId,'120');
 					var $vimeoImg = $('<img>',{
 						'src': vimeoPoster,
@@ -2548,12 +2547,12 @@ var AblePlayerInstances = [];
 	AblePlayer.prototype.recreatePlayer = function () {
 
 		// Creates the appropriate player for the current source.
-		// This function is called each time a new media instance is loaded 
-		// e.g., 
-		// User clicks on an item in a playlist 
-		// User swaps to/from described version of video 
-		// Blocks of code that only need to be executed once are controlled 
-		// by this.playerCreated 
+		// This function is called each time a new media instance is loaded
+		// e.g.,
+		// User clicks on an item in a playlist
+		// User swaps to/from described version of video
+		// Blocks of code that only need to be executed once are controlled
+		// by this.playerCreated
 
 		// TODO: Ensure when recreating player that we carry over the mediaId
 		if (!this.player) {
@@ -2567,34 +2566,34 @@ var AblePlayerInstances = [];
 		promise = deferred.promise();
 		thisObj = this;
 
-		this.playerDeleted = false; // reset after deletePlayer() 
+		this.playerDeleted = false; // reset after deletePlayer()
 
 		// set temp stopgap to prevent this function from executing again before finished
-		this.recreatingPlayer = true; 
+		this.recreatingPlayer = true;
 
 		if (!this.playerCreated) {
 			// only call these functions once
 			this.loadCurrentPreferences();
 			this.injectPlayerCode();
-			this.resizePlayer(this.media.videoWidth,this.media.videoHeight); 
+			this.resizePlayer(this.media.videoWidth,this.media.videoHeight);
 		}
 
-		this.getSampleDescriptionText(); 
+		this.getSampleDescriptionText();
 
 		this.initSignLanguage();
 
 		this.initPlayer().then(function() {
 
-			thisObj.getTracks().then(function() { 
+			thisObj.getTracks().then(function() {
 
 				thisObj.initDescription().then(function() {
 
 					thisObj.setupTracks().then(function() {
-						if (thisObj.hasClosedDesc) { 
-							if (!thisObj.$descDiv || 
+						if (thisObj.hasClosedDesc) {
+							if (!thisObj.$descDiv ||
 								(thisObj.$descDiv && !($.contains(thisObj.$ableDiv[0], thisObj.$descDiv[0])))) {
-								// descDiv either doesn't exist, or exists in an orphaned state 
-								// Either way, it needs to be rebuilt...  
+								// descDiv either doesn't exist, or exists in an orphaned state
+								// Either way, it needs to be rebuilt...
 								thisObj.injectTextDescriptionArea();
 							}
 						}
@@ -2653,28 +2652,28 @@ var AblePlayerInstances = [];
 									// Ideally, we would wait until user clicks play, rather than unnecessarily consume their bandwidth
 									// However, the media needs to load for us to get the media's duration
 									if (thisObj.player === 'html5') {
-										if (!thisObj.loadingMedia) { 
+										if (!thisObj.loadingMedia) {
 											thisObj.$media[0].load();
-											thisObj.loadingMedia = true; 
+											thisObj.loadingMedia = true;
 										}
 									}
 									// refreshControls is called twice building/initializing the player
 									// this is the second. Best to pause a bit before executing, to be sure all prior steps are complete
 									setTimeout(function() {
-										thisObj.refreshControls('init'); 
-										deferred.resolve(); 
-									},100);								
-								}); 
-							}); 
+										thisObj.refreshControls('init');
+										deferred.resolve();
+									},100);
+								});
+							});
 						});
 					});
-				});			 
+				});
 			});
 		},
 		function() {	 // initPlayer fail
 			thisObj.provideFallback();
 		});
-		return promise; 
+		return promise;
 	};
 
 	AblePlayer.prototype.initPlayer = function () {
@@ -2892,8 +2891,8 @@ var AblePlayerInstances = [];
 		// return 'html5', 'youtube', 'vimeo', or null
 
 		var i, sourceType, $newItem;
-		if (this.testFallback) { 
-			return null; 
+		if (this.testFallback) {
+			return null;
 		}
 		else if (this.youTubeId) {
 			if (this.mediaType !== 'video') {
@@ -2997,24 +2996,24 @@ var AblePlayerInstances = [];
 				cookie.sign['height'] = $window.height();
 			}
 		}
-		else if (setting === 'voice') { 
+		else if (setting === 'voice') {
 			if (typeof cookie.voices === 'undefined') {
 				cookie.voices = [];
 			}
-			// replace preferred voice for this lang in cookie.voices array, if one exists 
-			// otherwise, add it to the array 
-			voiceLangFound = false; 
-			for (var v=0; v < cookie.voices.length; v++) { 						
-				if (cookie.voices[v].lang === this.prefDescVoiceLang) { 
-					voiceLangFound = true; 
-					cookie.voices[v].name = this.prefDescVoice; 
+			// replace preferred voice for this lang in cookie.voices array, if one exists
+			// otherwise, add it to the array
+			voiceLangFound = false;
+			for (var v=0; v < cookie.voices.length; v++) {
+				if (cookie.voices[v].lang === this.prefDescVoiceLang) {
+					voiceLangFound = true;
+					cookie.voices[v].name = this.prefDescVoice;
 				}
 			}
-			if (!voiceLangFound) { 
-				// no voice has been saved yet for this language. Add it to array. 
+			if (!voiceLangFound) {
+				// no voice has been saved yet for this language. Add it to array.
 				newVoice = {'name':this.prefDescVoice, 'lang':this.prefDescVoiceLang};
-				cookie.voices.push(newVoice); 
-			}								
+				cookie.voices.push(newVoice);
+			}
 		}
 		else {
 			available = this.getAvailablePreferences();
@@ -3038,17 +3037,17 @@ var AblePlayerInstances = [];
 		// in the Preferences popup menu
 		// Human-readable label for each group is defined in translation table
 		if (this.usingYouTubeCaptions) {
-			// no transcript is possible 
-			return ['captions','descriptions','keyboard']; 
+			// no transcript is possible
+			return ['captions','descriptions','keyboard'];
 		}
-		else if (this.usingVimeoCaptions) { 
+		else if (this.usingVimeoCaptions) {
 			// users cannot control caption appearance
 			// and no transcript is possible
-			return ['descriptions','keyboard']; 
+			return ['descriptions','keyboard'];
+		}
+		else {
+			return ['captions','descriptions','keyboard','transcript'];
 		}
-		else { 
-			return ['captions','descriptions','keyboard','transcript']; 
-		} 
 	}
 
 	AblePlayer.prototype.getAvailablePreferences = function() {
@@ -3122,7 +3121,7 @@ var AblePlayerInstances = [];
 				'default': this.tt.captionsStylePopOn
 			});
 			*/
-			// captions are always positioned above the player for audio 
+			// captions are always positioned above the player for audio
 			if (this.mediaType === 'video') {
 				prefs.push({
 					'name': 'prefCaptionsPosition',
@@ -3130,7 +3129,7 @@ var AblePlayerInstances = [];
 					'group': 'captions',
 					'default': this.defaultCaptionsPosition
 				});
-			}	
+			}
 			prefs.push({
 				'name': 'prefCaptionsFont',
 				'label': this.tt.prefCaptionsFont,
@@ -3168,7 +3167,7 @@ var AblePlayerInstances = [];
 			});
 		}
 
-		if (this.mediaType === 'video') { 
+		if (this.mediaType === 'video') {
 			// Description preferences
 			prefs.push({
 				'name': 'prefDesc', // audio description default state
@@ -3249,10 +3248,10 @@ var AblePlayerInstances = [];
 			}
 		}
 
-		// Also load array of preferred voices from cookie 
-		if (typeof cookie.voices !== 'undefined') { 
-			this.prefVoices = cookie.voices;  
-		}			
+		// Also load array of preferred voices from cookie
+		if (typeof cookie.voices !== 'undefined') {
+			this.prefVoices = cookie.voices;
+		}
 
 		this.setCookie(cookie);
 	};
@@ -3272,7 +3271,7 @@ var AblePlayerInstances = [];
 			$div2,id2,$radio2,$label2,
 			options,$thisOption,optionValue,optionLang,optionText,sampleCapsDiv,
 			changedPref,changedSpan,changedText,
-			currentDescState, prefDescVoice, 
+			currentDescState, prefDescVoice,
 			$kbHeading,$kbList,kbLabels,keys,kbListText,$kbListItem,
 			dialog,saveButton,cancelButton;
 
@@ -3286,10 +3285,10 @@ var AblePlayerInstances = [];
 		var customClass = 'able-prefs-form-' + form;
 		$prefsDiv.addClass(customClass);
 
-		// add titles and intros 
-		if (form == 'captions') {			
+		// add titles and intros
+		if (form == 'captions') {
 			formTitle = this.tt.prefTitleCaptions;
-			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage 
+			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage
 		}
 		else if (form == 'descriptions') {
 			formTitle = this.tt.prefTitleDescriptions;
@@ -3347,10 +3346,10 @@ var AblePlayerInstances = [];
 		}
 		else if (form == 'transcript') {
 			formTitle = this.tt.prefTitleTranscript;
-			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage 
+			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage
 		}
 
-		$fieldset = $('<div>').attr('role','group');	
+		$fieldset = $('<div>').attr('role','group');
 		fieldsetClass = 'able-prefs-' + form;
 		fieldsetId = this.mediaId + '-prefs-' + form;
 		legendId = fieldsetId + '-legend';
@@ -3454,12 +3453,12 @@ var AblePlayerInstances = [];
 						$thisField = $('<select>',{
 							name: thisPref,
 							id: thisId,
-						});
-						if (thisPref === 'prefDescVoice' && this.descVoices) {
-							prefDescVoice = this.getPrefDescVoice(); 				
+						});						
+						if (thisPref === 'prefDescVoice' && this.descVoices.length) {
+							prefDescVoice = this.getPrefDescVoice();
 							for (j=0; j < this.descVoices.length; j++) {
 								optionValue = this.descVoices[j].name;
-								optionLang = this.descVoices[j].lang.substring(0,2).toLowerCase(); 
+								optionLang = this.descVoices[j].lang.substring(0,2).toLowerCase();
 								optionText = optionValue + ' (' + this.descVoices[j].lang + ')';
 								$thisOption = $('<option>',{
 									'value': optionValue,
@@ -3560,7 +3559,13 @@ var AblePlayerInstances = [];
 					}
 					$thisDiv.append($thisField,$thisLabel);
 				}
-				$fieldset.append($thisDiv);
+				if (thisPref === 'prefDescVoice' && !this.descVoices.length) { 
+					// No voices are available (e.g., in Safari 15.4 on Mac OS)
+					// Do not add a Voice select field 
+				}
+				else { 
+					$fieldset.append($thisDiv);
+				}
 			}
 		}
 		$prefsDiv.append($fieldset);
@@ -3583,7 +3588,7 @@ var AblePlayerInstances = [];
 					'class': 'able-desc-sample'
 				}).text(this.tt.sampleDescriptionText);
 				$prefsDiv.append(this.$sampleDescDiv);
-				this.currentSampleText = this.tt.sampleDescriptionText; 
+				this.currentSampleText = this.tt.sampleDescriptionText;
 			}
 		}
 		else if (form === 'keyboard') {
@@ -3723,9 +3728,9 @@ var AblePlayerInstances = [];
 		$prefsDiv.append(cancelButton);
 
 		// Associate the dialog's H1 as aria-labelledby for groups of fields
-		// (alternative to fieldset and legend) 
-		if (form === 'captions' || form === 'transcript') { 
-			$fieldset.attr('aria-labelledby',dialog.titleH1.attr('id')); 
+		// (alternative to fieldset and legend)
+		if (form === 'captions' || form === 'transcript') {
+			$fieldset.attr('aria-labelledby',dialog.titleH1.attr('id'));
 		}
 
 		// add global reference for future control
@@ -3757,23 +3762,23 @@ var AblePlayerInstances = [];
 
 	AblePlayer.prototype.getPrefDescVoice = function () {
 
-		// return user's preferred voice for the current language from cookie.voices 
-		var lang, cookie, i; 
+		// return user's preferred voice for the current language from cookie.voices
+		var lang, cookie, i;
 
-		if (this.selectedDescriptions) { 
-			lang = this.selectedDescriptions.language; 
+		if (this.selectedDescriptions) {
+			lang = this.selectedDescriptions.language;
 		}
-		else if (this.captionLang) { 
-			lang = this.captionLang; 
+		else if (this.captionLang) {
+			lang = this.captionLang;
 		}
-		else { 
-			lang = this.lang; 
+		else {
+			lang = this.lang;
 		}
-		cookie = this.getCookie(); 
-		if (cookie.voices) { 
-			for (i=0; i < cookie.voices.length; i++) { 
-				if (cookie.voices[i].lang === lang) { 					
-					return cookie.voices[i].name; 
+		cookie = this.getCookie();
+		if (cookie.voices) {
+			for (i=0; i < cookie.voices.length; i++) {
+				if (cookie.voices[i].lang === lang) {
+					return cookie.voices[i].name;
 				}
 			}
 		}
@@ -3782,9 +3787,9 @@ var AblePlayerInstances = [];
 
 	AblePlayer.prototype.rebuildDescPrefsForm = function () {
 
-		// Called if this.descVoices changes, which may happen if: 
-		//  getBrowserVoices() succeeds after an earlier failure 
-		//  user changes language of captions/subtitles and descVoices changes to match the new language 
+		// Called if this.descVoices changes, which may happen if:
+		//  getBrowserVoices() succeeds after an earlier failure
+		//  user changes language of captions/subtitles and descVoices changes to match the new language
 
 		var i, optionValue, optionText, $thisOption;
 
@@ -3805,112 +3810,112 @@ var AblePlayerInstances = [];
 		}
 	};
 
-	 AblePlayer.prototype.makePrefsValueReadable = function(pref,value) {
+	AblePlayer.prototype.makePrefsValueReadable = function(pref,value) {
 
-		 // The values for pitch, rate, and volume (web speech API)
-		 // are strange and inconsistent between variables
-		 // this function returns text that is more readable than the values themselves
+		// The values for pitch, rate, and volume (web speech API)
+		// are strange and inconsistent between variables
+		// this function returns text that is more readable than the values themselves
 
-		 if (pref === 'prefDescPitch') {
-			 if (value === 0) {
-				 return this.tt.prefDescPitch1;
-			 }
-			 else if (value === 0.5) {
-				 return this.tt.prefDescPitch2;
-			 }
-			 else if (value === 1) {
-				 return this.tt.prefDescPitch3;
-			 }
-			 else if (value === 1.5) {
-				 return this.tt.prefDescPitch4;
-			 }
-			 else if (value === 2) {
-				 return this.tt.prefDescPitch5;
-			 }
-		 }
-		 else if (pref === 'prefDescRate') {
-			 // default in the API is 0.1 to 10, where 1 is normal speaking voice
-			 // our custom range offers several rates close to 1
-			 // plus a couple of crazy fast ones for sport
-			 // Our more readable options (1-10) or mapped here to API values 
-			 if (value === 0.7) {
-				 return 1;
-			 }
-			 else if (value === 0.8) {
-				 return 2;
-			 }
-			 else if (value === 0.9) {
-				 return 3;
-			 }
-			 else if (value === 1) {
-				 return 4;
-			 }
-			 else if (value === 1.1) {
-				 return 5;
-			 }
-			 else if (value === 1.2) {
-				 return 6;
-			 }
-			 else if (value === 1.5) {
-				 return 7;
-			 }
-			 else if (value === 2) {
-				 return 8;
-			 }
-			 else if (value === 2.5) {
-				 return 9;
-			 }
-			 else if (value === 3) {
-				 return 10;
-			 }
-		 }
-		 else if (pref === 'prefDescVolume') {
-			 // values range from 0.1 to 1.0
-			 return value * 10;
-		 }
-		 return value;
-	 };
-
-	 AblePlayer.prototype.resetPrefsForm = function () {
-
-		 // Reset preferences form with default values from cookie
-		 // Called when:
-		 // User clicks cancel or close button in Prefs Dialog
-		 // User presses Escape to close Prefs dialog
-		 // User clicks Save in Prefs dialog, & there's more than one player on page
-
-		 var thisObj, cookie, available, i, prefName, prefId, thisDiv, thisId;
-
-		 thisObj = this;
-		 cookie = this.getCookie();
-		 available = this.getAvailablePreferences();
-		 for (i=0; i<available.length; i++) {
-			 prefName = available[i]['name'];
-			 prefId = this.mediaId + '_' + prefName;
-			 if ((prefName.indexOf('Captions') !== -1) && (prefName !== 'prefCaptions')) {
-				 // this is a caption-related select box
-				 $('select[name="' + prefName + '"]').val(cookie.preferences[prefName]);
-			 }
-			 else { // all others are checkboxes
-				 if (this[prefName] === 1) {
-					 $('input[name="' + prefName + '"]').prop('checked',true);
-					}
-					else {
-						$('input[name="' + prefName + '"]').prop('checked',false);
-					}
+		if (pref === 'prefDescPitch') {
+			if (value === 0) {
+				return this.tt.prefDescPitch1;
+			}
+			else if (value === 0.5) {
+				return this.tt.prefDescPitch2;
+			}
+			else if (value === 1) {
+				return this.tt.prefDescPitch3;
+			}
+			else if (value === 1.5) {
+				return this.tt.prefDescPitch4;
+			}
+			else if (value === 2) {
+				return this.tt.prefDescPitch5;
+			}
+		}
+		else if (pref === 'prefDescRate') {
+			// default in the API is 0.1 to 10, where 1 is normal speaking voice
+			// our custom range offers several rates close to 1
+			// plus a couple of crazy fast ones for sport
+			// Our more readable options (1-10) or mapped here to API values
+			if (value === 0.7) {
+				return 1;
+			}
+			else if (value === 0.8) {
+				return 2;
+			}
+			else if (value === 0.9) {
+				return 3;
+			}
+			else if (value === 1) {
+				return 4;
+			}
+			else if (value === 1.1) {
+				return 5;
+			}
+			else if (value === 1.2) {
+				return 6;
+			}
+			else if (value === 1.5) {
+				return 7;
+			}
+			else if (value === 2) {
+				return 8;
+			}
+			else if (value === 2.5) {
+				return 9;
+			}
+			else if (value === 3) {
+				return 10;
+			}
+		}
+		else if (pref === 'prefDescVolume') {
+			// values range from 0.1 to 1.0
+			return value * 10;
+		}
+		return value;
+	};
+
+	AblePlayer.prototype.resetPrefsForm = function () {
+
+		// Reset preferences form with default values from cookie
+		// Called when:
+		// User clicks cancel or close button in Prefs Dialog
+		// User presses Escape to close Prefs dialog
+		// User clicks Save in Prefs dialog, & there's more than one player on page
+
+		var thisObj, cookie, available, i, prefName, prefId, thisDiv, thisId;
+
+		thisObj = this;
+		cookie = this.getCookie();
+		available = this.getAvailablePreferences();
+		for (i=0; i<available.length; i++) {
+			prefName = available[i]['name'];
+			prefId = this.mediaId + '_' + prefName;
+			if ((prefName.indexOf('Captions') !== -1) && (prefName !== 'prefCaptions')) {
+				// this is a caption-related select box
+				$('select[name="' + prefName + '"]').val(cookie.preferences[prefName]);
+			}
+			else { // all others are checkboxes
+				if (this[prefName] === 1) {
+					$('input[name="' + prefName + '"]').prop('checked',true);
+				}
+				else {
+					$('input[name="' + prefName + '"]').prop('checked',false);
 				}
 			}
-			// also restore style of sample caption div
-			this.stylizeCaptions(this.$sampleCapsDiv);
-	 };
+		}
+		// also restore style of sample caption div
+		this.stylizeCaptions(this.$sampleCapsDiv);
+	};
 
 	AblePlayer.prototype.savePrefsFromForm = function () {
 
 		// Return a prefs object constructed from the form.
 		// called when user saves the Preferences form
 		// update cookie with new value
-		var cookie, available, prefName, prefId, 
-			voiceSelectId, newVoice, newVoiceLang, numChanges, voiceLangFound, 
+		var cookie, available, prefName, prefId,
+			voiceSelectId, newVoice, newVoiceLang, numChanges, voiceLangFound,
 			numCapChanges, capSizeChanged, capSizeValue, newValue;
 
 		numChanges = 0;
@@ -3923,28 +3928,28 @@ var AblePlayerInstances = [];
 			if (available[i]['label']) {
 				prefName = available[i]['name'];
 				prefId = this.mediaId + '_' + prefName;
-				if (prefName === 'prefDescVoice') { 
+				if (prefName === 'prefDescVoice') {
 					if (typeof cookie.voices === 'undefined') {
 						cookie.voices = [];
 					}
 					voiceSelectId = this.mediaId + '_prefDescVoice';
 					this.prefDescVoice = $('select#' + voiceSelectId).find(':selected').val();
 					this.prefDescVoiceLang = $('select#' + voiceSelectId).find(':selected').attr('data-lang');
-					// replace preferred voice for this lang in cookie.voices array, if one exists 
-					// otherwise, add it to the array 
-					voiceLangFound = false; 
-					for (var v=0; v < cookie.voices.length; v++) { 						
-						if (cookie.voices[v].lang === this.prefDescVoiceLang) { 
-							voiceLangFound = true; 
-							cookie.voices[v].name = this.prefDescVoice; 
+					// replace preferred voice for this lang in cookie.voices array, if one exists
+					// otherwise, add it to the array
+					voiceLangFound = false;
+					for (var v=0; v < cookie.voices.length; v++) {
+						if (cookie.voices[v].lang === this.prefDescVoiceLang) {
+							voiceLangFound = true;
+							cookie.voices[v].name = this.prefDescVoice;
 						}
 					}
-					if (!voiceLangFound) { 
-						// no voice has been saved yet for this language. Add it to array. 
+					if (!voiceLangFound) {
+						// no voice has been saved yet for this language. Add it to array.
 						newVoice = {'name':this.prefDescVoice, 'lang':this.prefDescVoiceLang};
-						cookie.voices.push(newVoice); 
-					}					
-					numChanges++; 
+						cookie.voices.push(newVoice);
+					}
+					numChanges++;
 				}
 				else if (prefName == 'prefDescMethod') {
 					// As of v4.0.10, prefDescMethod is no longer a choice
@@ -4052,7 +4057,7 @@ var AblePlayerInstances = [];
 
 		// Update player based on current prefs. Safe to call multiple times.
 
-		if (this.$transcriptDiv) { 
+		if (this.$transcriptDiv) {
 			// tabbable transcript
 			if (this.prefTabbable === 1) {
 				this.$transcriptDiv.find('span.able-transcript-seekpoint').attr('tabindex','0');
@@ -4865,21 +4870,21 @@ var AblePlayerInstances = [];
 
 		// create and inject surrounding HTML structure
 		// If IOS:
-		//	If video:
-		//	 IOS does not support any of the player's functionality
-		//	 - everything plays in its own player
-		//	 Therefore, AblePlayer is not loaded & all functionality is disabled
-		//	 (this all determined. If this is IOS && video, this function is never called)
-		//	If audio:
-		//	 HTML cannot be injected as a *parent* of the <audio> element
-		//	 It is therefore injected *after* the <audio> element
-		//	 This is only a problem in IOS 6 and earlier,
-		//	 & is a known bug, fixed in IOS 7
+		//  If video:
+		//   IOS does not support any of the player's functionality
+		//   - everything plays in its own player
+		//   Therefore, AblePlayer is not loaded & all functionality is disabled
+		//   (this all determined. If this is IOS && video, this function is never called)
+		//  If audio:
+		//   HTML cannot be injected as a *parent* of the <audio> element
+		//   It is therefore injected *after* the <audio> element
+		//   This is only a problem in IOS 6 and earlier,
+		//   & is a known bug, fixed in IOS 7
 
 		var thisObj, captionsContainer, prefsGroups, i;
 		thisObj = this;
 
-		// create three wrappers and wrap them around the media element. 
+		// create three wrappers and wrap them around the media element.
 		// From inner to outer:
 		// $mediaContainer - contains the original media element
 		// $ableDiv - contains the media player and all its objects (e.g., captions, controls, descriptions)
@@ -4888,9 +4893,9 @@ var AblePlayerInstances = [];
 		this.$ableDiv = this.$mediaContainer.wrap('<div class="able"></div>').parent();
 		this.$ableWrapper = this.$ableDiv.wrap('<div class="able-wrapper"></div>').parent();
 		this.$ableWrapper.addClass('able-skin-' + this.skin);
-				
+
 		this.$ableWrapper.css({
-			'width': this.playerWidth + 'px' 
+			'width': this.playerWidth + 'px'
 		});
 
 		if (this.mediaType === 'video') {
@@ -4904,17 +4909,17 @@ var AblePlayerInstances = [];
 
 		// add container that captions or description will be appended to
 		// Note: new Jquery object must be assigned _after_ wrap, hence the temp captionsContainer variable
-		captionsContainer = $('<div>'); 
-		if (this.mediaType === 'video') { 
-			captionsContainer.addClass('able-vidcap-container'); 
+		captionsContainer = $('<div>');
+		if (this.mediaType === 'video') {
+			captionsContainer.addClass('able-vidcap-container');
 		}
-		else if (this.mediaType === 'audio') { 
-			captionsContainer.addClass('able-audcap-container'); 
-			// hide this by default. It will be shown if captions are available 
+		else if (this.mediaType === 'audio') {
+			captionsContainer.addClass('able-audcap-container');
+			// hide this by default. It will be shown if captions are available
 			captionsContainer.addClass('captions-off');
 		}
 
-		this.injectPlayerControlArea(); // this may need to be injected after captions??? 
+		this.injectPlayerControlArea(); // this may need to be injected after captions???
 		this.$captionsContainer = this.$mediaContainer.wrap(captionsContainer).parent();
 		this.injectAlert();
 		this.injectPlaylist();
@@ -4950,7 +4955,7 @@ var AblePlayerInstances = [];
 
 		var thisObj, svgData, buttonIcon, svgPath;
 
-		thisObj = this; 
+		thisObj = this;
 
 		this.$bigPlayButton = $('<button>', {
 			'class': 'able-big-play-button',
@@ -4959,7 +4964,7 @@ var AblePlayerInstances = [];
 			'tabindex': 0
 		});
 
-		if (this.iconType == 'svg') { 
+		if (this.iconType == 'svg') {
 			svgData = this.getSvgData('play');
 			buttonIcon = $('<svg>',{
 				'focusable': 'false',
@@ -4975,7 +4980,7 @@ var AblePlayerInstances = [];
 			// Final step: Need to refresh the DOM in order for browser to process & display the SVG
 			this.$bigPlayButton.html(this.$bigPlayButton.html());
 		}
-		else { // use icon font 
+		else { // use icon font
 			this.$bigPlayIcon = $('<span>', {
 				'class': 'icon-play',
 			});
@@ -4986,7 +4991,7 @@ var AblePlayerInstances = [];
 			event.preventDefault();
 			thisObj.handlePlay();
 		});
-		
+
 		this.$mediaContainer.append(this.$bigPlayButton);
 	};
 
@@ -4998,7 +5003,7 @@ var AblePlayerInstances = [];
 			'aria-label' : this.mediaType + ' player'
 		});
 		this.$playerDiv.addClass('able-'+this.mediaType);
-		if (this.hasPlaylist && this.showNowPlaying) { 
+		if (this.hasPlaylist && this.showNowPlaying) {
 			this.$nowPlayingDiv = $('<div>',{
 				'class' : 'able-now-playing',
 				'aria-live' : 'assertive',
@@ -5040,15 +5045,15 @@ var AblePlayerInstances = [];
 		if (this.showNowPlaying) {
 			this.$playerDiv.append(this.$nowPlayingDiv, this.$controllerDiv, this.$statusBarDiv);
 		}
-		else { 
+		else {
 			this.$playerDiv.append(this.$controllerDiv, this.$statusBarDiv);
 		}
-		if (this.mediaType === 'video') { 
-			// the player controls go after the media & captions 
+		if (this.mediaType === 'video') {
+			// the player controls go after the media & captions
 			this.$ableDiv.append(this.$playerDiv);
 		}
-		else { 
-			// the player controls go before the media & captions 
+		else {
+			// the player controls go before the media & captions
 			this.$ableDiv.prepend(this.$playerDiv);
 		}
 	};
@@ -5060,9 +5065,9 @@ var AblePlayerInstances = [];
 			'class': 'able-descriptions'
 		});
 		// Add ARIA so description will be announced by screen readers
-		// Later (in description.js > showDescription()), 
+		// Later (in description.js > showDescription()),
 		// if browser supports Web Speech API and this.descMethod === 'browser'
-		// these attributes will be removed 
+		// these attributes will be removed
 		this.$descDiv.attr({
 			'aria-live': 'assertive',
 			'aria-atomic': 'true'
@@ -5220,10 +5225,10 @@ var AblePlayerInstances = [];
 			top = '-10';
 		}
 		else {
-			// position just below top of video by default 
-			// but this will change after video player is fully sized 
-			// see control.js > resizePlayer() 
-			top = '10'; 
+			// position just below top of video by default
+			// but this will change after video player is fully sized
+			// see control.js > resizePlayer()
+			top = '10';
 		}
 		this.$alertBox.css({
 			top: top + 'px'
@@ -5321,11 +5326,11 @@ var AblePlayerInstances = [];
 			hasDefault = false;
 			for (i = 0; i < tracks.length; i++) {
 				track = tracks[i];
-				if (which === 'captions' && this.player === 'html5' && typeof track.cues === 'undefined') {						
-					includeMenuItem = false; 
+				if (which === 'captions' && this.player === 'html5' && typeof track.cues === 'undefined') {
+					includeMenuItem = false;
 				}
-				else { 
-					includeMenuItem = true; 
+				else {
+					includeMenuItem = true;
 				}
 				if (includeMenuItem) {
 					$menuItem = $('<li></li>',{
@@ -5339,7 +5344,7 @@ var AblePlayerInstances = [];
 					}
 					else {
 						$menuItem.attr('aria-checked','false');
-					}			
+					}
 					// Get a label using track data
 					if (which == 'captions') {
 						$menuItem.text(track.label);
@@ -5362,7 +5367,7 @@ var AblePlayerInstances = [];
 					$menuItem.attr('aria-checked','true');
 					hasDefault = true;
 				}
-				else { 
+				else {
 					$menuItem.attr('aria-checked','false');
 				}
 				$menuItem.on('click',this.getCaptionOffFunction());
@@ -5429,7 +5434,7 @@ var AblePlayerInstances = [];
 		}
 		// add keyboard handlers for navigating within popups
 		$menu.on('keydown',function (e) {
-			
+
 			whichMenu = $(this).attr('id').split('-')[1];
 			$thisItem = $(this).find('li:focus');
 			if ($thisItem.is(':first-child')) {
@@ -5506,15 +5511,15 @@ var AblePlayerInstances = [];
 			},100);
 		}
 		if (this.$volumeSlider && this.$volumeSlider.is(':visible')) {
-			this.$volumeSlider.hide().attr('aria-hidden','true');			
+			this.$volumeSlider.hide().attr('aria-hidden','true');
 			this.$volumeButton.attr('aria-expanded', 'false').focus();
 		}
 		if (this.$transcriptPopup && this.$transcriptPopup.is(':visible')) {
-			this.hidingPopup = true; 
+			this.hidingPopup = true;
 			this.$transcriptPopup.hide();
 			// restore menu items to their original state
 			this.$transcriptPopup.find('li').removeClass('able-focus').attr('tabindex','-1');
-			this.$transcriptPopupButton.attr('aria-expanded','false').focus();			
+			this.$transcriptPopupButton.attr('aria-expanded','false').focus();
 			// wait briefly, then reset hidingPopup
 			setTimeout(function() {
 				thisObj.hidingPopup = false;
@@ -5599,101 +5604,101 @@ var AblePlayerInstances = [];
 
 	AblePlayer.prototype.provideFallback = function() {
 
-		// provide fallback in case of a critical error building the player 
-		// to test, set data-test-fallback to either of the following values: 
-		// 1 = emulate failure to build Able Player 
-		// 2 = emulate browser that doesn't support HTML5 media 
+		// provide fallback in case of a critical error building the player
+		// to test, set data-test-fallback to either of the following values:
+		// 1 = emulate failure to build Able Player
+		// 2 = emulate browser that doesn't support HTML5 media
 
 		var i, $fallback;
 
-		if (this.usingFallback) { 
-			// fallback has already been implemented. 
+		if (this.usingFallback) {
+			// fallback has already been implemented.
 			// stopgap to prevent this function from executing twice on the same media element
-			return; 
+			return;
 		}
-		else { 
-			this.usingFallback = true; 
+		else {
+			this.usingFallback = true;
 		}
 
-		if (!this.testFallback) { 
-			// this is not a test. 
-			// an actual error has resulted in this function being called. 
-			// use scenario 1 
-			this.testFallback = 1; 
+		if (!this.testFallback) {
+			// this is not a test.
+			// an actual error has resulted in this function being called.
+			// use scenario 1
+			this.testFallback = 1;
 		}
 
-		if (typeof this.$media === 'undefined') { 
-			// this function has been called prior to initialize.js > reinitialize() 
+		if (typeof this.$media === 'undefined') {
+			// this function has been called prior to initialize.js > reinitialize()
 			// before doing anything, need to create the jQuery media object
-			this.$media = $(this.media); 
-		} 
+			this.$media = $(this.media);
+		}
 
-		// get/assign an id for the media element 
-		if (this.$media.attr('id')) { 
-			this.mediaId = this.$media.attr('id'); 
+		// get/assign an id for the media element
+		if (this.$media.attr('id')) {
+			this.mediaId = this.$media.attr('id');
 		}
-		else { 
+		else {
 			this.mediaId = 'media' + Math.floor(Math.random() * 1000000000).toString();
-		} 
+		}
 
-		// check whether element has nested fallback content 
-		this.hasFallback = false; 
-		if (this.$media.children().length) { 
-			i = 0; 
-			while (i < this.$media.children().length && !this.hasFallback) { 
-				if (!(this.$media.children()[i].tagName === 'SOURCE' || 
-					this.$media.children()[i].tagName === 'TRACK')) { 
-					// this element is something other than <source> or <track> 
-					this.hasFallback = true; 
+		// check whether element has nested fallback content
+		this.hasFallback = false;
+		if (this.$media.children().length) {
+			i = 0;
+			while (i < this.$media.children().length && !this.hasFallback) {
+				if (!(this.$media.children()[i].tagName === 'SOURCE' ||
+					this.$media.children()[i].tagName === 'TRACK')) {
+					// this element is something other than <source> or <track>
+					this.hasFallback = true;
 				}
-				i++; 
+				i++;
 			}
 		}
-		if (!this.hasFallback) { 
-			// the HTML code does not include any nested fallback content 
-			// inject our own 
-			// NOTE: this message is not translated, since fallback may be needed 
-			// due to an error loading the translation file 
-			// This will only be needed on very rare occasions, so English is ok. 
-			$fallback = $('<p>').text('Media player unavailable.'); 
-			this.$media.append($fallback); 
+		if (!this.hasFallback) {
+			// the HTML code does not include any nested fallback content
+			// inject our own
+			// NOTE: this message is not translated, since fallback may be needed
+			// due to an error loading the translation file
+			// This will only be needed on very rare occasions, so English is ok.
+			$fallback = $('<p>').text('Media player unavailable.');
+			this.$media.append($fallback);
 		}
 
-		// get height and width attributes, if present 
+		// get height and width attributes, if present
 		// and add them to a style attribute
-		if (this.$media.attr('width')) { 
-			this.$media.css('width',this.$media.attr('width') + 'px'); 
+		if (this.$media.attr('width')) {
+			this.$media.css('width',this.$media.attr('width') + 'px');
 		}
-		if (this.$media.attr('height')) { 
-			this.$media.css('height',this.$media.attr('height') + 'px'); 
+		if (this.$media.attr('height')) {
+			this.$media.css('height',this.$media.attr('height') + 'px');
 		}
-		// Remove data-able-player attribute 
-		this.$media.removeAttr('data-able-player'); 
+		// Remove data-able-player attribute
+		this.$media.removeAttr('data-able-player');
 
 		// Add controls attribute (so browser will add its own controls)
-		this.$media.prop('controls',true); 
+		this.$media.prop('controls',true);
 
-		if (this.testFallback == 2) { 
+		if (this.testFallback == 2) {
 
-			// emulate browser failure to support HTML5 media by changing the media tag name 
-			// browsers should display the supported content that's nested inside 
+			// emulate browser failure to support HTML5 media by changing the media tag name
+			// browsers should display the supported content that's nested inside
 			$(this.$media).replaceWith($('<foobar id="foobar-' + this.mediaId + '">'));
-			this.$newFallbackElement = $('#foobar-' + this.mediaId); 			
+			this.$newFallbackElement = $('#foobar-' + this.mediaId);
 
-			// append all children from the original media 
-			if (this.$media.children().length) { 
-				i = this.$media.children().length - 1; 
-				while (i >= 0) { 
-					this.$newFallbackElement.prepend($(this.$media.children()[i])); 
-					i--; 
+			// append all children from the original media
+			if (this.$media.children().length) {
+				i = this.$media.children().length - 1;
+				while (i >= 0) {
+					this.$newFallbackElement.prepend($(this.$media.children()[i]));
+					i--;
 				}
 			}
-			if (!this.hasFallback) { 
+			if (!this.hasFallback) {
 				// inject our own fallback content, defined above
 				this.$newFallbackElement.append($fallback);
 			}
 		}
-		return; 
+		return;
 	};
 
 	AblePlayer.prototype.calculateControlLayout = function () {
@@ -5767,7 +5772,7 @@ var AblePlayerInstances = [];
 				controlLayout[1].push('sign');
 			}
 		}
-		if (this.mediaType === 'video') { 
+		if (this.mediaType === 'video') {
 			if (this.hasOpenDesc || this.hasClosedDesc) {
 				numA11yButtons++;
 				if (this.skin === 'legacy') {
@@ -5873,7 +5878,7 @@ var AblePlayerInstances = [];
 		}).hide();
 		this.$controllerDiv.append(this.$tooltipDiv);
 
-		if (this.skin == '2020') {			
+		if (this.skin == '2020') {
 			// add a full-width seek bar
 			$sliderDiv = $('<div class="able-seekbar"></div>');
 			sliderLabel = this.mediaType + ' ' + this.tt.seekbarLabel;
@@ -6151,13 +6156,13 @@ var AblePlayerInstances = [];
 						var controllerWidth = thisObj.$controllerDiv.width();
 						position.right = controllerWidth - position.left - buttonWidth;
 
-						// The following formula positions tooltip above the button  
+						// The following formula positions tooltip above the button
 						// var tooltipY = position.top - buttonHeight - 15;
 
-						// The following formula positions tooltip below the button 
+						// The following formula positions tooltip below the button
 						// which allows the tooltip to be hoverable as per WCAG 2.x SC 1.4.13
-						// without obstructing the seekbar 
-						var tooltipY = position.top + buttonHeight + 5; 
+						// without obstructing the seekbar
+						var tooltipY = position.top + buttonHeight + 5;
 
 						if ($(this).parent().hasClass('able-right-controls')) {
 							// this control is on the right side
@@ -6201,13 +6206,13 @@ var AblePlayerInstances = [];
 							// hide tooltip  (original line of code)
 							// AblePlayer.localGetElementById($newButton[0], tooltipId).text('').hide();
 
-							// The above line was replaced with the following block 
-							// in order to meet WCAG 2.x SC 1.4.13 
+							// The above line was replaced with the following block
+							// in order to meet WCAG 2.x SC 1.4.13
 							// (keep the tooltip visible if user hovers over it)
-							// This causes unwanted side effects if tooltips are positioned above the buttons 
-							// as the persistent tooltip obstructs the seekbar, 
-							// blocking users from being able to move a pointer from a button to the seekbar 
-							// This limitation was addressed in 4.4.49 by moving the tooltip below the buttons 
+							// This causes unwanted side effects if tooltips are positioned above the buttons
+							// as the persistent tooltip obstructs the seekbar,
+							// blocking users from being able to move a pointer from a button to the seekbar
+							// This limitation was addressed in 4.4.49 by moving the tooltip below the buttons
 
 							// clear existing timeout before reassigning variable
 							clearTimeout(tooltipTimerId);
@@ -6224,8 +6229,8 @@ var AblePlayerInstances = [];
 							thisObj.$tooltipDiv.on('mouseleave blur', function() {
 								AblePlayer.localGetElementById($newButton[0], tooltipId).text('').hide();
 							});
-							
-						}); 
+
+						});
 					});
 
 					if (control === 'captions') {
@@ -6561,19 +6566,19 @@ var AblePlayerInstances = [];
 		// set swappingSrc; needs to be true within recreatePlayer(), called below
 		this.swappingSrc = true;
 
-		// if a new playlist item is being requested, and playback has already started,  
-		// it should be ok to play automatically, regardless of how it was requested 
-		if (this.startedPlaying) { 
-			this.okToPlay = true; 
+		// if a new playlist item is being requested, and playback has already started,
+		// it should be ok to play automatically, regardless of how it was requested
+		if (this.startedPlaying) {
+			this.okToPlay = true;
 		}
-		else { 
-			this.okToPlay = false; 
+		else {
+			this.okToPlay = false;
 		}
 
-		// We are no longer loading the previous media source 
-		// Only now, as a new source is requested, is it safe to reset this var 
-		// It will be reset to true when media.load() is called 
-		this.loadingMedia = false; 
+		// We are no longer loading the previous media source
+		// Only now, as a new source is requested, is it safe to reset this var
+		// It will be reset to true when media.load() is called
+		this.loadingMedia = false;
 
 		// Determine appropriate player to play this media
 		$newItem = this.$playlist.eq(sourceIndex);
@@ -6683,18 +6688,18 @@ var AblePlayerInstances = [];
 		this.$sources = this.$media.find('source');
 
 		// recreate player, informed by new attributes and track elements
-		if (this.recreatingPlayer) { 
+		if (this.recreatingPlayer) {
 			// stopgap to prevent multiple firings of recreatePlayer()
-			return; 
+			return;
 		}
-		this.recreatePlayer().then(function() { 
+		this.recreatePlayer().then(function() {
 
 			// update playlist to indicate which item is playing
 			thisObj.$playlist.removeClass('able-current')
 				.children('button').removeAttr('aria-current');
 			thisObj.$playlist.eq(sourceIndex).addClass('able-current')
-				.children('button').attr('aria-current','true'); 
-			
+				.children('button').attr('aria-current','true');
+
 			// update Now Playing div
 			if (thisObj.showNowPlaying === true) {
 				if (typeof thisObj.$nowPlayingDiv !== 'undefined') {
@@ -6713,42 +6718,42 @@ var AblePlayerInstances = [];
 			}
 			else {
 				if (thisObj.player === 'html5') {
-					if (!thisObj.loadingMedia) { 
+					if (!thisObj.loadingMedia) {
 						thisObj.media.load();
-						thisObj.loadingMedia = true; 
+						thisObj.loadingMedia = true;
 					}
 				}
 				else if (thisObj.player === 'youtube') {
-					thisObj.okToPlay = true; 
+					thisObj.okToPlay = true;
 				}
 			}
 			thisObj.initializing = false;
-			thisObj.playerCreated = true; // remains true until browser is refreshed		
-		});	
+			thisObj.playerCreated = true; // remains true until browser is refreshed
+		});
 	};
 
 	AblePlayer.prototype.deletePlayer = function(context) {
 
-		// remove player components that need to be rebuilt 
-		// after swapping media sources that have different durations 
-		// or explicitly declared data-desc attributes  
+		// remove player components that need to be rebuilt
+		// after swapping media sources that have different durations
+		// or explicitly declared data-desc attributes
 
-		// Context is one of the following: 
-		// playlist - called from cuePlaylistItem() 
+		// Context is one of the following:
+		// playlist - called from cuePlaylistItem()
 		// swap-desc-html - called from swapDescription with this.player == 'html'
-		// swap-desc-youtube - called from swapDescription with this.player == 'youtube'  
-		// swap-desc-vimeo -  called from swapDescription with this.player == 'vimeo'  
+		// swap-desc-youtube - called from swapDescription with this.player == 'youtube'
+		// swap-desc-vimeo -  called from swapDescription with this.player == 'vimeo'
 
-		if (this.player === 'youtube' && this.youTubePlayer) { 
-			this.youTubePlayer.destroy(); 
+		if (this.player === 'youtube' && this.youTubePlayer) {
+			this.youTubePlayer.destroy();
 		}
 
-		if (this.player === 'vimeo' && this.vimeoPlayer) { 
-			this.vimeoPlayer.destroy(); 
+		if (this.player === 'vimeo' && this.vimeoPlayer) {
+			this.vimeoPlayer.destroy();
 		}
 
 
-/*	TODO - Investigate: when is this needed? 
+/*	TODO - Investigate: when is this needed?
 		// remove previous video's attributes and child elements from media element
 		this.$media.removeAttr('poster width height');
 		this.$media.empty();
@@ -6759,7 +6764,7 @@ var AblePlayerInstances = [];
 		// this.$timer.empty();
 		this.$elapsedTimeContainer.empty().text('0:00'); // span.able-elapsedTime
 		this.$durationContainer.empty(); // span.able-duration
-		
+
 		// Remove popup windows and modal dialogs; these too will be rebuilt
 		if (this.$signWindow) {
 				this.$signWindow.remove();
@@ -6768,27 +6773,27 @@ var AblePlayerInstances = [];
 				this.$transcriptArea.remove();
 		}
 		$('.able-modal-dialog').remove();
-		
-		// Remove caption and description wrappers 
+
+		// Remove caption and description wrappers
 		if (this.$captionsWrapper) {
 			this.$captionsWrapper.remove();
 		}
-		if (this.$descDiv) { 
-			this.$descDiv.remove(); 
+		if (this.$descDiv) {
+			this.$descDiv.remove();
 		}
-		
+
 		// reset key variables
 		this.hasCaptions = false;
 		this.hasChapters = false;
-		this.hasDescTracks = false; 
+		this.hasDescTracks = false;
 		this.hasOpenDesc = false;
-		this.hasClosedDesc = false; 
+		this.hasClosedDesc = false;
 
 		this.captionsPopup = null;
 		this.chaptersPopup = null;
 		this.transcriptType = null;
 
-		this.playerDeleted = true; // will reset to false in recreatePlayer() 
+		this.playerDeleted = true; // will reset to false in recreatePlayer()
 	};
 
 	AblePlayer.prototype.getButtonTitle = function(control) {
@@ -6867,12 +6872,12 @@ var AblePlayerInstances = [];
 		else if (control === 'help') {
 			// return this.tt.help;
 		}
-		else if (control === 'fullscreen') { 
+		else if (control === 'fullscreen') {
 			if (!this.fullscreen) {
-				return this.tt.enterFullscreen; 
+				return this.tt.enterFullscreen;
 			}
-			else { 
-				return this.tt.exitFullscreen; 
+			else {
+				return this.tt.exitFullscreen;
 			}
 		}
 		else {
@@ -7580,8 +7585,8 @@ if (typeof module !== "undefined" && module.exports) {
   };
 })(jQuery);
 
-
 (function ($) {
+
 	AblePlayer.prototype.initYouTubePlayer = function () {
 
 		var thisObj, deferred, promise, youTubeId, googleApiPromise, json;
@@ -7590,7 +7595,7 @@ if (typeof module !== "undefined" && module.exports) {
 		deferred = new $.Deferred();
 		promise = deferred.promise();
 
-		this.youTubePlayerReady = false; 
+		this.youTubePlayerReady = false;
 
 		// if a described version is available && user prefers desription
 		// init player using the described version
@@ -7648,8 +7653,8 @@ if (typeof module !== "undefined" && module.exports) {
 		// cc_load_policy:
 		// 0 - show captions depending on user's preference on YouTube
 		// 1 - show captions by default, even if the user has turned them off
-		// IMPORTANT: This *must* be set to 1 or some browsers 
-		// fail to load any texttracks (observed in Chrome, not in Firefox) 
+		// IMPORTANT: This *must* be set to 1 or some browsers
+		// fail to load any texttracks (observed in Chrome, not in Firefox)
 		ccLoadPolicy = 1;
 
 		if (this.okToPlay) {
@@ -7661,9 +7666,9 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// Documentation https://developers.google.com/youtube/player_parameters
 
-		if (typeof this.captionLang == 'undefined') { 
+		if (typeof this.captionLang == 'undefined') {
 			// init using the default player lang
-			this.captionLang = this.lang; 
+			this.captionLang = this.lang;
 		}
 		this.youTubePlayer = new YT.Player(containerId, {
 			videoId: this.activeYouTubeId,
@@ -7676,19 +7681,19 @@ if (typeof module !== "undefined" && module.exports) {
 				start: this.startTime,
 				controls: 0, // no controls, using our own
 				cc_load_policy: ccLoadPolicy,
-				cc_lang_pref: this.captionLang, // set the caption language 
-				hl: this.lang, // set the UI language to match Able Player 
+				cc_lang_pref: this.captionLang, // set the caption language
+				hl: this.lang, // set the UI language to match Able Player
 				modestbranding: 1, // no YouTube logo in controller
 				rel: 0, // when video ends, show only related videos from same channel (1 shows any)
 				iv_load_policy: 3 // do not show video annotations
 			},
 			events: {
 				onReady: function () {
-					thisObj.youTubePlayerReady = true; 
-					if (!thisObj.playerWidth || !thisObj.playerHeight) { 
+					thisObj.youTubePlayerReady = true;
+					if (!thisObj.playerWidth || !thisObj.playerHeight) {
 						thisObj.getYouTubeDimensions();
 					}
-					if (thisObj.playerWidth && thisObj.playerHeight) { 
+					if (thisObj.playerWidth && thisObj.playerHeight) {
 						thisObj.youTubePlayer.setSize(thisObj.playerWidth,thisObj.playerHeight);
 						thisObj.$ableWrapper.css({
 							'width': thisObj.playerWidth + 'px'
@@ -7707,7 +7712,7 @@ if (typeof module !== "undefined" && module.exports) {
 					if (thisObj.userClickedPlaylist) {
 						thisObj.userClickedPlaylist = false; // reset
 					}
-					if (thisObj.recreatingPlayer) { 
+					if (thisObj.recreatingPlayer) {
 						thisObj.recreatingPlayer = false; // reset
 					}
 					deferred.resolve();
@@ -7715,7 +7720,7 @@ if (typeof module !== "undefined" && module.exports) {
 				onError: function (x) {
 					deferred.fail();
 				},
-				onStateChange: function (x) {				
+				onStateChange: function (x) {
 					thisObj.getPlayerState().then(function(playerState) {
 						// values of playerState: 'playing','paused','buffering','ended'
 						if (playerState === 'playing') {
@@ -7741,13 +7746,13 @@ if (typeof module !== "undefined" && module.exports) {
 						}
 					});
 					// If caption tracks are hosted locally, but are also available on YouTube,
-					// we need to turn them off on YouTube or there will be redundant captions 
-					// This is the most reliable event on which to unload the caption module 
-					if (thisObj.player === 'youtube' && !thisObj.usingYouTubeCaptions) { 						
-						if (thisObj.youTubePlayer.getOptions('captions')) { 							
+					// we need to turn them off on YouTube or there will be redundant captions
+					// This is the most reliable event on which to unload the caption module
+					if (thisObj.player === 'youtube' && !thisObj.usingYouTubeCaptions) {
+						if (thisObj.youTubePlayer.getOptions('captions')) {
 							thisObj.youTubePlayer.unloadModule('captions');
 						}
-					}			 			
+					}
 				},
 				onPlaybackQualityChange: function () {
 					// do something
@@ -7758,24 +7763,24 @@ if (typeof module !== "undefined" && module.exports) {
 			// remove the media element, since YouTube replaces that with its own element in an iframe
 			// this is handled differently for playlists. See buildplayer.js > cuePlaylistItem()
 			this.$media.remove();
-		}		
+		}
 		return promise;
 	};
 
 	AblePlayer.prototype.getYouTubeDimensions = function (youTubeContainerId) {
 
-		// The YouTube iframe API does not have a getSize() of equivalent method 
-		// so, need to get dimensions from YouTube's iframe 
+		// The YouTube iframe API does not have a getSize() of equivalent method
+		// so, need to get dimensions from YouTube's iframe
 
-		var $iframe, width, height; 
+		var $iframe, width, height;
 
-		$iframe = this.$ableWrapper.find('iframe'); 
+		$iframe = this.$ableWrapper.find('iframe');
 		if (typeof $iframe !== 'undefined') {
-			if ($iframe.prop('width')) { 
-				width = $iframe.prop('width');			
-				if ($iframe.prop('height')) { 
+			if ($iframe.prop('width')) {
+				width = $iframe.prop('width');
+				if ($iframe.prop('height')) {
 					height = $iframe.prop('height');
-					this.resizePlayer(width,height); 
+					this.resizePlayer(width,height);
 				}
 			}
 		}
@@ -7784,14 +7789,14 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.getYouTubeCaptionTracks = function (youTubeId) {
 
 		// get data via YouTube IFrame Player API, and push data to this.tracks & this.captions
-		// NOTE: Caption tracks are not available through the IFrame Player API 
-		// until AFTER the video has started playing. 
+		// NOTE: Caption tracks are not available through the IFrame Player API
+		// until AFTER the video has started playing.
 		// Therefore, this function plays the video briefly in order to load the captions module
-		// then stops the video and collects the data needed to build the cc menu 
-		// This is stupid, but seemingly unavoidable. 
-		// Caption tracks could be obtained through the YouTube Data API 
-		// but this required authors to have a Google API key, 
-		// which would complicate Able Player installation 
+		// then stops the video and collects the data needed to build the cc menu
+		// This is stupid, but seemingly unavoidable.
+		// Caption tracks could be obtained through the YouTube Data API
+		// but this required authors to have a Google API key,
+		// which would complicate Able Player installation
 
 		var deferred = new $.Deferred();
 		var promise = deferred.promise();
@@ -7799,44 +7804,44 @@ if (typeof module !== "undefined" && module.exports) {
 		var thisObj, ytTracks, i, trackLang, trackLabel, isDefaultTrack;
 
 		thisObj = this;
-		
-		if (!this.youTubePlayer.getOption('captions','tracklist')) { 
 
-			// no tracks were found, probably because the captions module hasn't loaded  
-			// play video briefly (required in order to load the captions module) 
+		if (!this.youTubePlayer.getOption('captions','tracklist')) {
+
+			// no tracks were found, probably because the captions module hasn't loaded
+			// play video briefly (required in order to load the captions module)
 			// and after the apiChange event is triggered, try again to retreive tracks
-			this.youTubePlayer.addEventListener('onApiChange',function(x) { 
-
-				// getDuration() also requires video to play briefly 
-				// so, let's set that while we're here 				
-				thisObj.duration = thisObj.youTubePlayer.getDuration();				
-
-				if (thisObj.loadingYouTubeCaptions) { 				
-					// loadingYouTubeCaptions is a stopgap in case onApiChange is called more than once 
-					ytTracks = thisObj.youTubePlayer.getOption('captions','tracklist');					
-					if (!thisObj.okToPlay) { 
-						// Don't stopVideo() - that cancels loading 
-						// Just pause 
-						// No need to seekTo(0) - so little time has passed it isn't noticeable to the user 
-						thisObj.youTubePlayer.pauseVideo(); 
+			this.youTubePlayer.addEventListener('onApiChange',function(x) {
+
+				// getDuration() also requires video to play briefly
+				// so, let's set that while we're here
+				thisObj.duration = thisObj.youTubePlayer.getDuration();
+
+				if (thisObj.loadingYouTubeCaptions) {
+					// loadingYouTubeCaptions is a stopgap in case onApiChange is called more than once
+					ytTracks = thisObj.youTubePlayer.getOption('captions','tracklist');
+					if (!thisObj.okToPlay) {
+						// Don't stopVideo() - that cancels loading
+						// Just pause
+						// No need to seekTo(0) - so little time has passed it isn't noticeable to the user
+						thisObj.youTubePlayer.pauseVideo();
 					}
-					if (ytTracks && ytTracks.length) { 
+					if (ytTracks && ytTracks.length) {
 						// Step through ytTracks and add them to global tracks array
-						// Note: Unlike YouTube Data API, the IFrame Player API only returns 
-						// tracks that are published, and does NOT include ASR captions 
-						// So, no additional filtering is required 
+						// Note: Unlike YouTube Data API, the IFrame Player API only returns
+						// tracks that are published, and does NOT include ASR captions
+						// So, no additional filtering is required
 						for (i=0; i < ytTracks.length; i++) {
-							trackLang = ytTracks[i].languageCode; 
+							trackLang = ytTracks[i].languageCode;
 							trackLabel = ytTracks[i].languageName; // displayName and languageName seem to always have the same value
-							isDefaultTrack = false; 
-							if (typeof thisObj.captionLang !== 'undefined') { 
+							isDefaultTrack = false;
+							if (typeof thisObj.captionLang !== 'undefined') {
 								if (trackLang === thisObj.captionLang) {
-									isDefaultTrack = true;						
+									isDefaultTrack = true;
 								}
 							}
-							else if (typeof thisObj.lang !== 'undefined') { 
+							else if (typeof thisObj.lang !== 'undefined') {
 								if (trackLang === thisObj.lang) {
-									isDefaultTrack = true;						
+									isDefaultTrack = true;
 								}
 							}
 							thisObj.tracks.push({
@@ -7850,38 +7855,38 @@ if (typeof module !== "undefined" && module.exports) {
 								'label': trackLabel,
 								'def': isDefaultTrack,
 								'cues': null
-							});							
+							});
 						}
 						thisObj.hasCaptions = true;
 						// setupPopups again with new captions array, replacing original
-						thisObj.setupPopups('captions');				
+						thisObj.setupPopups('captions');
 					}
-					else { 
-						// there are no YouTube captions 
-						thisObj.usingYouTubeCaptions = false; 
+					else {
+						// there are no YouTube captions
+						thisObj.usingYouTubeCaptions = false;
 						thisObj.hasCaptions = false;
 					}
-					thisObj.loadingYouTubeCaptions = false; 
-					if (thisObj.okToPlay) { 
+					thisObj.loadingYouTubeCaptions = false;
+					if (thisObj.okToPlay) {
 						thisObj.youTubePlayer.playVideo();
 					}
 				}
-				if (thisObj.captionLangPending) { 
-					// user selected a new caption language prior to playback starting 
-					// set it now 
+				if (thisObj.captionLangPending) {
+					// user selected a new caption language prior to playback starting
+					// set it now
 					thisObj.youTubePlayer.setOption('captions', 'track', {'languageCode': thisObj.captionLangPending});
-					thisObj.captionLangPending = null; 
+					thisObj.captionLangPending = null;
 				}
-				if (typeof thisObj.prefCaptionsSize !== 'undefined') { 
-					// set the default caption size 
-					// this doesn't work until the captions module is loaded 
+				if (typeof thisObj.prefCaptionsSize !== 'undefined') {
+					// set the default caption size
+					// this doesn't work until the captions module is loaded
 					thisObj.youTubePlayer.setOption('captions','fontSize',thisObj.translatePrefs('size',thisObj.prefCaptionsSize,'youtube'));
 				}
 				deferred.resolve();
 			});
-			// Trigger the above event listener by briefly playing the video 		
-			this.loadingYouTubeCaptions = true; 	
-			this.youTubePlayer.playVideo();		
+			// Trigger the above event listener by briefly playing the video
+			this.loadingYouTubeCaptions = true;
+			this.youTubePlayer.playVideo();
 		}
 		return promise;
 	};
@@ -7890,8 +7895,8 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// return URL for retrieving WebVTT source via YouTube's timedtext API
 		// Note: This API seems to be undocumented, and could break anytime
-		// UPDATE: Google removed this API on November 10, 2021 
-		// This function is no longer called, but is preserved here for reference 
+		// UPDATE: Google removed this API on November 10, 2021
+		// This function is no longer called, but is preserved here for reference
 		var url = 'https://www.youtube.com/api/timedtext?fmt=vtt';
 		url += '&v=' + youTubeId;
 		url += '&lang=' + trackLang;
@@ -7930,23 +7935,23 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.getYouTubeId = function (url) {
 
 		// return a YouTube ID, extracted from a full YouTube URL
-		// Supported URL patterns (with http or https): 
+		// Supported URL patterns (with http or https):
 		// https://youtu.be/xxx
 		// https://www.youtube.com/watch?v=xxx
 		// https://www.youtube.com/embed/xxx
 
-		// in all supported patterns, the id is the last 11 characters 
-		var idStartPos, id; 
+		// in all supported patterns, the id is the last 11 characters
+		var idStartPos, id;
 
-		if (url.indexOf('youtu') !== -1) { 
-			// this is a full Youtube URL 
-			url = url.trim(); 
-			idStartPos = url.length - 11; 
-			id = url.substring(idStartPos); 
-			return id; 
+		if (url.indexOf('youtu') !== -1) {
+			// this is a full Youtube URL
+			url = url.trim();
+			idStartPos = url.length - 11;
+			id = url.substring(idStartPos);
+			return id;
 		}
-		else { 
-			return url; 
+		else {
+			return url;
 		}
 };
 
@@ -7956,9 +7961,9 @@ if (typeof module !== "undefined" && module.exports) {
 
 
 	// Events:
-	//	 startTracking(event, position)
-	//	 tracking(event, position)
-	//	 stopTracking(event, position)
+	// - startTracking(event, position)
+	// - tracking(event, position)
+	// - stopTracking(event, position)
 
 	window. AccessibleSlider = function(mediaType, div, orientation, length, min, max, bigInterval, label, className, trackingMedia, initialState) {
 
@@ -8276,7 +8281,7 @@ if (typeof module !== "undefined" && module.exports) {
 		this.updateAriaValues(position, updateLive);
 	}
 
-	// TODO: Native HTML5 can have several buffered segments, and this actually happens quite often.	Change this to display them all.
+	// TODO: Native HTML5 can have several buffered segments, and this actually happens quite often. Change this to display them all.
 	AccessibleSlider.prototype.setBuffered = function (ratio) {
 		if (!isNaN(ratio)) {
 			this.buffered = ratio;
@@ -8457,10 +8462,10 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.addVolumeSlider = function($div) {
 
-		// Prior to v4.4.64, we were using a custom-build vertical volunme slider 
-		// Changed to input type="range" because it's standard and gaining more widespread support 
-		// including screen reader support  
-		// TODO: Improve presentation of vertical slider. That requires some CSS finesse.  
+		// Prior to v4.4.64, we were using a custom-build vertical volunme slider
+		// Changed to input type="range" because it's standard and gaining more widespread support
+		// including screen reader support
+		// TODO: Improve presentation of vertical slider. That requires some CSS finesse.
 
 		var thisObj, volumeSliderId, volumeHelpId, volumePct, tickLabelsId, $tickLabels, i, $tickOption, tickLabel;
 
@@ -8480,12 +8485,12 @@ if (typeof module !== "undefined" && module.exports) {
 			'class': 'able-tooltip',
 			'role': 'tooltip'
 		}).hide();
-		this.$volumeRange = $('<input>',{ 
+		this.$volumeRange = $('<input>',{
 			'type': 'range',
 			'min': '0',
 			'max': '10',
 			'step': '1',
-			'orient': 'vertical', // non-standard, but required for Firefox 
+			'orient': 'vertical', // non-standard, but required for Firefox
 			'aria-label': this.tt.volumeUpDown,
 			'value': this.volume
 			// 'list': tickLabelsId // Uncomment this to use tickLabels (see note below)
@@ -8501,24 +8506,24 @@ if (typeof module !== "undefined" && module.exports) {
 		});
 		$tickLabels = $('<datalist>',{
 			'id': tickLabelsId
-		}); 
-		for (i = 0; i <= 10; i++) { 
-			if (i === 0) { 
-				tickLabel = this.tt.mute; 
+		});
+		for (i = 0; i <= 10; i++) {
+			if (i === 0) {
+				tickLabel = this.tt.mute;
 			}
-			else { 
-				tickLabel = (i * 10) + '%'; 
+			else {
+				tickLabel = (i * 10) + '%';
 			}
-			$tickOption = $('<option>',{ 
-				'value': i, 
+			$tickOption = $('<option>',{
+				'value': i,
 				'label': tickLabel
 			})
-			$tickLabels.append($tickOption); 
-		}		
+			$tickLabels.append($tickOption);
+		}
 		this.$volumeSlider.append(this.$volumeSliderTooltip,this.$volumeRange,this.$volumeHelp);
-		// To add $tickLabels, use the following line of code to replace the one above 
-		// and uncommnet the 'list' property in the definition of this.$volumeRange above 
-		// As of Nov 2022, this feature is not supported by any screen reader 
+		// To add $tickLabels, use the following line of code to replace the one above
+		// and uncommnet the 'list' property in the definition of this.$volumeRange above
+		// As of Nov 2022, this feature is not supported by any screen reader
 		// this.$volumeSlider.append(this.$volumeSliderTooltip,this.$volumeRange,this.$volumeHelp,$tickLabels);
 
 		$div.append(this.$volumeSlider);
@@ -8531,7 +8536,7 @@ if (typeof module !== "undefined" && module.exports) {
 		this.$volumeRange.on('input',function (e) {
 			thisObj.handleVolumeChange($(this).val());
 		});
-			
+
 		this.$volumeRange.on('keydown',function (e) {
 
 			// Escape key or Enter key or Tab key
@@ -8559,15 +8564,15 @@ if (typeof module !== "undefined" && module.exports) {
 		var volumePct;
 		volumePct = (volume/10) * 100;
 
-		// Update help text 
-		if (this.$volumeHelp) { 
-			this.$volumeHelp.text(volumePct + '%'); 
+		// Update help text
+		if (this.$volumeHelp) {
+			this.$volumeHelp.text(volumePct + '%');
 		}
 
-		// Update the default value of the volume slider input field 
-		// This doesn't seem to be necessary; browsers remember the previous setting during a session 
-		// but this is a fallback in case they don't 
-		this.$volumeRange.attr('value',volume);   
+		// Update the default value of the volume slider input field
+		// This doesn't seem to be necessary; browsers remember the previous setting during a session
+		// but this is a fallback in case they don't
+		this.$volumeRange.attr('value',volume);
 	};
 
 	AblePlayer.prototype.refreshVolumeButton = function(volume) {
@@ -8600,25 +8605,25 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.handleVolumeButtonClick = function() {
 
 		if (this.$volumeSlider.is(':visible')) {
-			this.hideVolumePopup();			
+			this.hideVolumePopup();
 		}
 		else {
 			this.showVolumePopup();
 		}
-	}; 
+	};
 
 	AblePlayer.prototype.handleVolumeKeystroke = function(keycode) {
 
-		// keycode is an ASCII key code 49-57 (numeric keys 1-9), 
-		// keyboard shortcuts for changing volume 
+		// keycode is an ASCII key code 49-57 (numeric keys 1-9),
+		// keyboard shortcuts for changing volume
 
-		var volume; 
+		var volume;
 
 		if (keycode >= 49 && keycode <= 57) {
 			volume = keycode - 48;
 		}
-		else { 
-			return false; 
+		else {
+			return false;
 		}
 
 		if (this.isMuted() && volume > 0) {
@@ -8632,12 +8637,12 @@ if (typeof module !== "undefined" && module.exports) {
 			this.refreshVolumeHelp(volume);
 			this.refreshVolumeButton(volume);
 		}
-	}; 
+	};
 
 
 	AblePlayer.prototype.handleVolumeChange = function(volume) {
 
-		// handle volume change using the volume input slider  
+		// handle volume change using the volume input slider
 
 		if (this.isMuted() && volume > 0) {
 			this.setMute(false);
@@ -8720,7 +8725,7 @@ if (typeof module !== "undefined" && module.exports) {
 				this.youTubePlayer.unMute();
 			}
 		}
-		this.setVolume(this.volume); 
+		this.setVolume(this.volume);
 		this.refreshVolumeHelp(this.volume);
 		this.refreshVolumeButton(this.volume);
 	};
@@ -8730,26 +8735,26 @@ if (typeof module !== "undefined" && module.exports) {
 		// volume is 1 to 10
 		// convert as needed depending on player
 
-		var newVolume; 
+		var newVolume;
 
 		if (this.player === 'html5') {
 			// volume is 0 to 1
-			newVolume = volume / 10; 
+			newVolume = volume / 10;
 			this.media.volume = newVolume;
-			
+
 			if (this.hasSignLanguage && this.signVideo) {
 				this.signVideo.volume = 0; // always mute
 			}
 		}
 		else if (this.player === 'youtube') {
 			// volume is 0 to 100
-			newVolume = volume * 10; 
+			newVolume = volume * 10;
 			this.youTubePlayer.setVolume(newVolume);
 			this.volume = volume;
 		}
 		else if (this.player === 'vimeo') {
 			// volume is 0 to 1
-			newVolume = volume / 10; 
+			newVolume = volume / 10;
 			this.vimeoPlayer.setVolume(newVolume).then(function() {
 				// setVolume finished.
 				// could do something here
@@ -8768,7 +8773,7 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 		else if (this.player === 'youtube') {
 			// uses 0 to 100 scale
-			if (this.youTubePlayerReady) { 
+			if (this.youTubePlayerReady) {
 				return this.youTubePlayer.getVolume() / 10;
 			}
 		}
@@ -8837,7 +8842,7 @@ if (typeof module !== "undefined" && module.exports) {
 			titleH1.attr('id', 'modalTitle-' + this.baseId);
 			titleH1.css('text-align', 'center');
 			titleH1.text(title);
-			this.titleH1 = titleH1; 
+			this.titleH1 = titleH1;
 
 			modal.attr({
 				'aria-labelledby': 'modalTitle-' + this.baseId,
@@ -8850,7 +8855,7 @@ if (typeof module !== "undefined" && module.exports) {
 			'aria-hidden': 'true',
 			'role': dialogRole,
 		});
-		if (isModal) { 
+		if (isModal) {
 			modal.attr('aria-modal','true');
 		}
 
@@ -9130,12 +9135,12 @@ if (typeof module !== "undefined" && module.exports) {
 		// toggles the Description button or changes a description-related preference
 
 		// The following variables are applicable to delivery of description:
-		// defaultStateDescriptions == 'on' or 'off', defined by website owner (overridden by prefDesc) 
+		// defaultStateDescriptions == 'on' or 'off', defined by website owner (overridden by prefDesc)
 		// prefDesc == 1 if user wants description (i.e., Description button is on); else 0
 		// prefDescPause == 1 to pause video when description starts; else 0
 		// prefDescVisible == 1 to visibly show text-based description area; else 0
 		// prefDescMethod == either 'video' or 'text' (as of v4.0.10, prefDescMethod is always 'video')
-		// descMethod is the format actually used ('video' or 'text'), regardless of user preference 
+		// descMethod is the format actually used ('video' or 'text'), regardless of user preference
 		// hasOpenDesc == true if a described version of video is available via data-desc-src attribute
 		// hasClosedDesc == true if a description text track is available
 		// descOn == true if description of either type is on
@@ -9148,8 +9153,8 @@ if (typeof module !== "undefined" && module.exports) {
 		promise = deferred.promise();
 		thisObj = this;
 
-		if (this.mediaType === 'audio') { 
-			deferred.resolve(); 
+		if (this.mediaType === 'audio') {
+			deferred.resolve();
 		}
 
 		// check to see if there's an open-described version of this video
@@ -9162,7 +9167,7 @@ if (typeof module !== "undefined" && module.exports) {
 		else {
 			// there's no open-described version via data-desc-src,
 			// but what about data-youtube-desc-src or data-vimeo-desc-src?
-			// if these exist, they would have been defined earlier 
+			// if these exist, they would have been defined earlier
 			if (this.youTubeDescId || this.vimeoDescId) {
 				this.hasOpenDesc = true;
 			}
@@ -9173,13 +9178,13 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// Set this.descMethod based on media availability & user preferences
 		if (this.hasOpenDesc && this.hasClosedDesc) {
-			// both formats are available. User gets their preference. 
-			if (this.prefDescMethod) { 
+			// both formats are available. User gets their preference.
+			if (this.prefDescMethod) {
 				this.descMethod = this.prefDescMethod;
 			}
-			else { 
-				// user has no preference. Video is default. 
-				this.descMethod = 'video'; 
+			else {
+				// user has no preference. Video is default.
+				this.descMethod = 'video';
 			}
 		}
 		else if (this.hasOpenDesc) {
@@ -9188,33 +9193,33 @@ if (typeof module !== "undefined" && module.exports) {
 		else if (this.hasClosedDesc) {
 			this.descMethod = 'text';
 		}
-		else { 
-			// no description is available for this video 
-			this.descMethod = null; 
+		else {
+			// no description is available for this video
+			this.descMethod = null;
 		}
 
 		// Set the default state of descriptions
-		if (this.descMethod) { 
-			if (this.prefDesc === 1) { 
-				this.descOn = true; 
+		if (this.descMethod) {
+			if (this.prefDesc === 1) {
+				this.descOn = true;
 			}
-			else if (this.prefDesc === 0) { 
-				this.descOn = false; 
+			else if (this.prefDesc === 0) {
+				this.descOn = false;
 			}
-			else { 				
-				// user has no prefs. Use default state. 
-				if (this.defaultStateDescriptions === 1)	{ 			
-					this.descOn = true; 
+			else {
+				// user has no prefs. Use default state.
+				if (this.defaultStateDescriptions === 1)	{
+					this.descOn = true;
 				}
-				else { 
-					this.descOn = false; 
+				else {
+					this.descOn = false;
 				}
 			}
 		}
-		else { 			
+		else {
 			this.descOn = false;
 		}
-		if (typeof this.$descDiv === 'undefined' && this.hasClosedDesc && this.descMethod === 'text') {		
+		if (typeof this.$descDiv === 'undefined' && this.hasClosedDesc && this.descMethod === 'text') {
 			this.injectTextDescriptionArea();
 		}
 
@@ -9257,7 +9262,7 @@ if (typeof module !== "undefined" && module.exports) {
 			}
 		}
 		deferred.resolve();
-		return promise; 
+		return promise;
 	};
 
 	AblePlayer.prototype.usingDescribedVersion = function () {
@@ -9275,107 +9280,109 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 	};
 
-	AblePlayer.prototype.initSpeech = function (context) { 
+	AblePlayer.prototype.initSpeech = function (context) {
 
-		// Some browsers &/or operating systems require a user-initiated click 
-		// before this.synth.getVoices() will work. As of Nov 2022: 
+		// Some browsers &/or operating systems require a user-initiated click
+		// before this.synth.getVoices() will work. As of Nov 2022:
 		// Chrome requires a click before synth.getVoices() will work
-		// iOS requires a click before synth.speak() will work 
-		// A hack to address this: Listen for ANY click, then play an inaudible utterance 
-		// to intitiate speech synthesis 		
+		// iOS requires a click before synth.speak() will work
+		// A hack to address this: Listen for ANY click, then play an inaudible utterance
+		// to intitiate speech synthesis
 		// https://stackoverflow.com/questions/32193704/js-speech-synthesis-issue-on-ios
 		// This function does that, and sets this.speechEnabled
-		// It's called with either of these contexts: 
-		// 'init' - player is being initialized 
-		// 'play' - user has clicked play 
+		// It's called with either of these contexts:
+		// 'init' - player is being initialized
+		// 'play' - user has clicked play
 		// 'prefs' - user has clicked prefs button
-		// 'desc' - it's time to announce a description!  
+		// 'desc' - it's time to announce a description!
 
-		var thisObj = this; 
-		
-		if (this.speechEnabled === null) {  
+		var thisObj = this;
 
-			if (typeof this.synth !== 'undefined') { 
-				// cancel any previous synth instance and reinitialize  
-				this.synth.cancel(); 
-			}	
+		if (this.speechEnabled === null) {
 
-			if (window.speechSynthesis) {
+			if (typeof this.synth !== 'undefined') {
+				// cancel any previous synth instance and reinitialize
+				this.synth.cancel();
+			}
 
-				// browser supports speech synthesis 
+			if (window.speechSynthesis) {
 
+				// browser supports speech synthesis
 				this.synth = window.speechSynthesis;
-
-				if (context === 'init') { 
-					// handle a click on anything, in case the user 
+				this.synth.cancel();
+				if (context === 'init') {
+					// handle a click on anything, in case the user
 					// clicks something before they click 'play' or 'prefs' buttons
-					// that would allow us to init speech before it's needed 
-					$(document).on('click',function() { 			
-						var greeting = new SpeechSynthesisUtterance('Hi!');
-						greeting.volume = 0; // silent 
-						greeting.rate = 10; // fastest speed supported by the API  
+					// that would allow us to init speech before it's needed
+					$(document).on('click',function() {
+						var greeting = new SpeechSynthesisUtterance('\x20');
 						thisObj.synth.speak(greeting);
-						greeting.onstart = function(e) { 						
-							// utterance has started 
-							$(document).off('click'); // unbind the click event listener 		
+						greeting.onstart = function(e) {
+							// utterance has started
+							$(document).off('click'); // unbind the click event listener
 						}
 						greeting.onend = function(e) {
-							// should now be able to get browser voices 
-							// in browsers that require a click 
-							thisObj.getBrowserVoices(); 
-							if (thisObj.descVoices.length) { 
-								thisObj.speechEnabled = true; 
+							// should now be able to get browser voices
+							// in browsers that require a click
+							thisObj.getBrowserVoices();
+							if (thisObj.descVoices.length) {
+								thisObj.speechEnabled = true;
 							}
 						};
-					}); 
-									
-					// go ahead and call get browser voices in case it might work, 
-					// for browsers that don't require a click 
-					this.getBrowserVoices(); 
-					if (this.descVoices.length) { 
-						this.speechEnabled = true; 
+					});
+
+					// go ahead and call get browser voices in case it might work,
+					// for browsers that don't require a click				
+					this.getBrowserVoices();
+					if (this.descVoices.length) {
+						this.speechEnabled = true;
 					}
 				}
 				else {  // context is either 'play' or 'prefs' or 'desc'
-					var greeting = new SpeechSynthesisUtterance('Hi!');
-					greeting.volume = 0; // silent 
-					greeting.rate = 10; // fastest speed supported by the API  
+					var greeting = new SpeechSynthesisUtterance('\x20');
 					thisObj.synth.speak(greeting);
-					greeting.onstart = function(e) { 						
-						// utterance has started 
-						$(document).off('click'); // unbind the click event listener 			
+					greeting.onstart = function(e) {
+						// utterance has started
+						$(document).off('click'); // unbind the click event listener
 					};
 					greeting.onend = function(e) {
-						// should now be able to get browser voices 
-						// in browsers that require a click 
-						thisObj.getBrowserVoices(); 
-						if (thisObj.descVoices.length) { 
-							thisObj.speechEnabled = true; 
+						// should now be able to get browser voices
+						// in browsers that require a click
+						thisObj.getBrowserVoices();
+						/*  
+						// Safari 15.4 on MacOS has a bug: No voice array is returned
+						// The browser speaks, but we have no control over voices. 
+						// Therefore, speechEnabled cannot be dependent on descVoices 
+						// as long as Safari 15.4 is still supported
+						if (thisObj.descVoices.length) {
+							thisObj.speechEnabled = true;
 						}
-					};							
+						*/
+						thisObj.speechEnabled = true; 
+					};
 				}
 			}
-			else { 
+			else {
 				// browser does not support speech synthesis
-				this.speechEnabled = false; 
+				this.speechEnabled = false;
 			}
 		}
-	}; 
+	};
 
 	AblePlayer.prototype.getBrowserVoices = function () {
-		
-		// define this.descVoices array 
-		// includes only languages that match the language of the captions or player 
+
+		// define this.descVoices array
+		// includes only languages that match the language of the captions or player
 
 		var voices, descLangs, voiceLang, preferredLang;
 
-		if (this.captionLang) { 
+		if (this.captionLang) {
 			preferredLang = this.captionLang.substring(0,2).toLowerCase();
 		}
-		else { 
+		else {
 			preferredLang = this.lang.substring(0,2).toLowerCase();
 		}
-		this.descVoices = []; 
+		this.descVoices = [];
 		voices = this.synth.getVoices();
 		descLangs = this.getDescriptionLangs();
 		if (voices.length > 0) {
@@ -9385,9 +9392,9 @@ if (typeof module !== "undefined" && module.exports) {
 				// match only the first 2 characters of the lang code
 				voiceLang = voices[i].lang.substring(0,2).toLowerCase();
 				if (voiceLang === preferredLang && (descLangs.indexOf(voiceLang) !== -1)) {
-					// this voice matches preferredLang 
+					// this voice matches preferredLang
 					// AND there's a matching description track in this language
-					// Add this voice to final array 
+					// Add this voice to final array
 					this.descVoices.push(voices[i]);
 				}
 			}
@@ -9418,51 +9425,51 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.setDescriptionVoice = function () {
 
-		// set description voice on player init, or when user changes caption language 
-		// Voice is determined in the following order of precedence: 
+		// set description voice on player init, or when user changes caption language
+		// Voice is determined in the following order of precedence:
 		// 1. User's preferred voice for this language, saved in a cookie
 		// 2. The first available voice in the array of available voices for this browser in this language
 
 		var cookie, voices, prefDescVoice, descVoice, descLang, prefVoiceFound;
-		cookie = this.getCookie(); 
-		if (typeof cookie.voices !== 'undefined') { 			
-			prefDescVoice = this.getPrefDescVoice(); 
+		cookie = this.getCookie();
+		if (typeof cookie.voices !== 'undefined') {
+			prefDescVoice = this.getPrefDescVoice();
 		}
-		else { 
-			prefDescVoice = null; 
+		else {
+			prefDescVoice = null;
 		}
-	
+
 		this.getBrowserVoices();
 		this.rebuildDescPrefsForm();
 
-		if (this.selectedDescriptions) { 
+		if (this.selectedDescriptions) {
 			descLang = this.selectedDescriptions.language;
 		}
-		else if (this.captionLang) { 
-			descLang = this.captionLang; 
+		else if (this.captionLang) {
+			descLang = this.captionLang;
 		}
-		else { 
-			descLang = this.lang; 
+		else {
+			descLang = this.lang;
 		}
 
 		if (this.synth) {
 			voices = this.synth.getVoices();
 			if (voices.length > 0) {
-				if (prefDescVoice) { 
-					// select the language that matches prefDescVoice, if it's available 
-					prefVoiceFound = false; 
+				if (prefDescVoice) {
+					// select the language that matches prefDescVoice, if it's available
+					prefVoiceFound = false;
 					for (var i=0; i<voices.length; i++) {
 						// first, be sure voice is the correct language
 						if (voices[i].lang.substring(0,2).toLowerCase() === descLang.substring(0,2).toLowerCase()) {
-							if (voices[i].name === prefDescVoice) { 
-								descVoice = voices[i].name; 
-								prefVoiceFound = true; 
+							if (voices[i].name === prefDescVoice) {
+								descVoice = voices[i].name;
+								prefVoiceFound = true;
 								break;
 							}
 						}
 					}
 				}
-				if (!prefVoiceFound) { 
+				if (!prefVoiceFound) {
 					// select the first language that matches the first 2 characters of the lang code
 					for (var i=0; i<voices.length; i++) {
 						if (voices[i].lang.substring(0,2).toLowerCase() === descLang.substring(0,2).toLowerCase()) {
@@ -9479,7 +9486,7 @@ if (typeof module !== "undefined" && module.exports) {
 					var selectedOption = this.$voiceSelectField.find('option[value="' + this.prefDescVoice + '"]');
 					this.$voiceSelectField.val(this.prefDescVoice);
 				}
-				this.updateCookie('voice'); 
+				this.updateCookie('voice');
 			}
 		}
 	};
@@ -9497,32 +9504,32 @@ if (typeof module !== "undefined" && module.exports) {
 
 		thisObj = this;
 
-		// We are no longer loading the previous media source 
-		// Only now, as a new source is requested, is it safe to reset this var 
-		// It will be reset to true when media.load() is called 
-		this.loadingMedia = false; 
+		// We are no longer loading the previous media source
+		// Only now, as a new source is requested, is it safe to reset this var
+		// It will be reset to true when media.load() is called
+		this.loadingMedia = false;
 
-		// get element that has focus at the time swap is initiated 
-		// after player is rebuilt, focus will return to that same element 
+		// get element that has focus at the time swap is initiated
+		// after player is rebuilt, focus will return to that same element
 		// (if it exists)
-		this.$focusedElement = $(':focus'); 
+		this.$focusedElement = $(':focus');
 
 		// get current time of current source, and attempt to start new video at the same time
-		// whether this is possible will be determined after the new media source has loaded 
-		// see onMediaNewSourceLoad() 
-		if (this.elapsed > 0) { 
-			this.swapTime = this.elapsed; 
+		// whether this is possible will be determined after the new media source has loaded
+		// see onMediaNewSourceLoad()
+		if (this.elapsed > 0) {
+			this.swapTime = this.elapsed;
 		}
-		else { 
-			this.swapTime = 0; 
+		else {
+			this.swapTime = 0;
 		}
-		if (this.duration > 0) { 
-			this.prevDuration = this.duration; 										
+		if (this.duration > 0) {
+			this.prevDuration = this.duration;
 		}
 
-		// Capture current playback state, so media can resume after source is swapped 
-		if (!this.okToPlay) { 
-			this.okToPlay = this.playing; 
+		// Capture current playback state, so media can resume after source is swapped
+		if (!this.okToPlay) {
+			this.okToPlay = this.playing;
 		}
 
 		if (this.descOn) {
@@ -9537,7 +9544,7 @@ if (typeof module !== "undefined" && module.exports) {
 		if (this.player === 'html5') {
 
 			this.swappingSrc = true;
-			this.paused = true; 
+			this.paused = true;
 
 			if (this.usingDescribedVersion()) {
 				// the described version is currently playing. Swap to non-described
@@ -9548,7 +9555,7 @@ if (typeof module !== "undefined" && module.exports) {
 					if (origSrc) {
 						this.$sources[i].setAttribute('src',origSrc);
 					}
-				}						
+				}
 			}
 			else {
 				// the non-described version is currently playing. Swap to described.
@@ -9565,24 +9572,24 @@ if (typeof module !== "undefined" && module.exports) {
 				}
 			}
 
-			if (this.recreatingPlayer) { 
+			if (this.recreatingPlayer) {
 				// stopgap to prevent multiple firings of recreatePlayer()
-				return; 
-			}	
-			if (this.playerCreated) { 
-				// delete old player, then recreate it with new source & tracks 
-				this.deletePlayer('swap-desc-html'); 			
-				this.recreatePlayer().then(function() { 
-					if (!thisObj.loadingMedia) { 
+				return;
+			}
+			if (this.playerCreated) {
+				// delete old player, then recreate it with new source & tracks
+				this.deletePlayer('swap-desc-html');
+				this.recreatePlayer().then(function() {
+					if (!thisObj.loadingMedia) {
 						thisObj.media.load();
-						thisObj.loadingMedia = true; 
+						thisObj.loadingMedia = true;
 					}
 				});
 			}
-			else { 
+			else {
 				// player is in the process of being created
-				// no need to recreate it 	
-			} 
+				// no need to recreate it
+			}
 		}
 		else if (this.player === 'youtube') {
 
@@ -9595,7 +9602,7 @@ if (typeof module !== "undefined" && module.exports) {
 				this.activeYouTubeId = this.youTubeDescId;
 			}
 			if (typeof this.youTubePlayer !== 'undefined') {
-				thisObj.swappingSrc = true; 
+				thisObj.swappingSrc = true;
 				if (thisObj.playing) {
 					// loadVideoById() loads and immediately plays the new video at swapTime
 					thisObj.youTubePlayer.loadVideoById(thisObj.activeYouTubeId,thisObj.swapTime);
@@ -9605,19 +9612,19 @@ if (typeof module !== "undefined" && module.exports) {
 					thisObj.youTubePlayer.cueVideoById(thisObj.activeYouTubeId,thisObj.swapTime);
 				}
 			}
-			if (this.playerCreated) { 
-				this.deletePlayer('swap-desc-youtube'); 				
+			if (this.playerCreated) {
+				this.deletePlayer('swap-desc-youtube');
 			}
-			// player needs to be recreated with new source 
-			if (this.recreatingPlayer) { 
+			// player needs to be recreated with new source
+			if (this.recreatingPlayer) {
 				// stopgap to prevent multiple firings of recreatePlayer()
-				return; 
-			}	
-			this.recreatePlayer().then(function() { 
-				// nothing to do here 
-				// next steps occur when youtube onReady event fires 
-				// see youtube.js > finalizeYoutubeInit() 
-			});				
+				return;
+			}
+			this.recreatePlayer().then(function() {
+				// nothing to do here
+				// next steps occur when youtube onReady event fires
+				// see youtube.js > finalizeYoutubeInit()
+			});
 		}
 		else if (this.player === 'vimeo') {
 			if (this.usingDescribedVersion()) {
@@ -9630,15 +9637,15 @@ if (typeof module !== "undefined" && module.exports) {
 				this.activeVimeoId = this.vimeoDescId;
 				this.showAlert(this.tt.alertDescribedVersion);
 			}
-			if (this.playerCreated) { 
-				this.deletePlayer('swap-desc-vimeo'); 				
+			if (this.playerCreated) {
+				this.deletePlayer('swap-desc-vimeo');
 			}
-			// player needs to be recreated with new source 
-			if (this.recreatingPlayer) { 
+			// player needs to be recreated with new source
+			if (this.recreatingPlayer) {
 				// stopgap to prevent multiple firings of recreatePlayer()
-				return; 
-			}	
-			this.recreatePlayer().then(function() { 
+				return;
+			}
+			this.recreatePlayer().then(function() {
 				// load the new video source
 				thisObj.vimeoPlayer.loadVideo(thisObj.activeVimeoId).then(function() {
 					if (thisObj.playing) {
@@ -9658,7 +9665,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.showDescription = function(now) {
 
-		if (!this.hasClosedDesc || this.swappingSrc || !this.descOn || this.descMethod === 'video') {			
+		if (!this.hasClosedDesc || this.swappingSrc || !this.descOn || this.descMethod === 'video') {
 			return;
 		}
 
@@ -9698,11 +9705,11 @@ if (typeof module !== "undefined" && module.exports) {
 				// temporarily remove aria-live from $status in order to prevent description from being interrupted
 				this.$status.removeAttr('aria-live');
 				descText = flattenComponentForDescription(cues[thisDescription].components);
-				if (this.descReader === 'screenreader') { 					
+				if (this.descReader === 'screenreader') {
 					// load the new description into the container div for screen readers to read
 					this.$descDiv.html(descText);
 				}
-				else if (this.speechEnabled) { 
+				else if (this.speechEnabled) {
 					// use browser's built-in speech synthesis
 					this.announceDescriptionText('description',descText);
 					if (this.prefDescVisible) {
@@ -9731,42 +9738,42 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 	};
 
-	AblePlayer.prototype.syncSpeechToPlaybackRate = function(rate) { 
+	AblePlayer.prototype.syncSpeechToPlaybackRate = function(rate) {
 
-		// called when user changed playback rate 
-		// adjust rate of audio description to match 
+		// called when user changed playback rate
+		// adjust rate of audio description to match
 
-		var speechRate; 
+		var speechRate;
 
-		if (rate === 0.5) { 
-			speechRate = 0.7; // option 1 in prefs menu 
+		if (rate === 0.5) {
+			speechRate = 0.7; // option 1 in prefs menu
 		}
-		else if (rate === 0.75) { 
-			speechRate =  0.8; // option 2 in prefs menu 
+		else if (rate === 0.75) {
+			speechRate =  0.8; // option 2 in prefs menu
 		}
-		else if (rate === 1.0) { 		
+		else if (rate === 1.0) {
 			speechRate =  1; // option 4 in prefs menu (normal speech, default)
 		}
-		else if (rate === 1.25) { 
+		else if (rate === 1.25) {
 			speechRate =  1.1; // option 5 in prefs menu
 		}
-		else if (rate === 1.5) { 
-			speechRate =  1.2; // option 6 in prefs menu 
+		else if (rate === 1.5) {
+			speechRate =  1.2; // option 6 in prefs menu
 		}
-		else if (rate === 1.75) { 
-			speechRate =  1.5; // option 7 in prefs menu 
+		else if (rate === 1.75) {
+			speechRate =  1.5; // option 7 in prefs menu
 		}
-		else if (rate === 2.0) { 
+		else if (rate === 2.0) {
 			speechRate =  2; // option 8 in prefs menu (fast)
 		}
-		else if (rate === 2.25) { 
+		else if (rate === 2.25) {
 			speechRate =  2.5; // option 9 in prefs menu (very fast)
 		}
-		else if (rate >= 2.5) { 
-			speechRate =  3; // option 10 in prefs menu (super fast) 
+		else if (rate >= 2.5) {
+			speechRate =  3; // option 10 in prefs menu (super fast)
 		}
 		this.prefDescRate = speechRate;
-	}; 
+	};
 
 	AblePlayer.prototype.announceDescriptionText = function(context, text) {
 
@@ -9796,10 +9803,10 @@ if (typeof module !== "undefined" && module.exports) {
 		//  and typically requires a computer reboot to make right again.
 		//  This has been observed frequently in macOS Big Sur, but also in Windows 10
 		//  To ignore user's voice preferences and always use the first voice, set the following var to true
-		//	This is for testing only; not recommended for production
-		// 	unless the voice select field is also removed from the Prefs dialog
+		//  This is for testing only; not recommended for production
+		//  unless the voice select field is also removed from the Prefs dialog
 		var useFirstVoice = false;
-	
+
 		if (!this.speechEnabled) {
 			// voices array failed to load the first time. Try again
 			this.initSpeech('desc');
@@ -9840,63 +9847,68 @@ if (typeof module !== "undefined" && module.exports) {
 					// use the first voice in the array
 					voice = this.descVoices[0];
 				}
-				utterance = new SpeechSynthesisUtterance();
-				utterance.voice = voice;
-				utterance.voiceURI = 'native';
-				utterance.volume = volume;
-				utterance.rate = rate;
-				utterance.pitch = pitch;
-				utterance.text = text;
-				// TODO: Consider the best language for the utterance:
-				// language of the web page? (this.lang)
-				// language of the WebVTT description track?
-				// language of the user's chosen voice?
-				// If there's a mismatch between any of these, the description will likely be unintelligible
-				utterance.lang = this.lang;
-				utterance.onstart = function(e) { 
-					// utterance has started 
-				};
-				utterance.onpause = function(e) { 
-					// utterance has paused 
-				};
-				utterance.onend = function(e) {
-					// utterance has ended 
-					this.speakingDescription = false; 
-					timeElapsed = e.elapsedTime; 
-					// As of Firefox 95, e.elapsedTime is expressed in seconds 
-					// Other browsers (tested in Chrome & Edge) express this in milliseconds 
-					// Assume no utterance will require over 100 seconds to express... 
-					if (timeElapsed > 100) { 
-						// time is likely expressed in milliseconds 
-						secondsElapsed = (e.elapsedTime/1000).toFixed(2); 
-					}
-					else { 
-						// time is likely already expressed in seconds; just need to round it
-						secondsElapsed = (e.elapsedTime).toFixed(2); 
-					}
-					if (this.debug) { 
-						console.log('Finished speaking. That took ' + secondsElapsed + ' seconds.');
-					}
-					if (context === 'description') {
-						if (thisObj.prefDescPause) {
-							if (thisObj.pausedForDescription) {
-								thisObj.playMedia();
-								this.pausedForDescription = false;
-							}
-						}
+			}
+		}
+		else { 
+			voice = null; 
+		}
+		utterance = new SpeechSynthesisUtterance();
+		if (voice) { 
+			utterance.voice = voice;
+		}
+		utterance.voiceURI = 'native';
+		utterance.volume = volume;
+		utterance.rate = rate;
+		utterance.pitch = pitch;
+		utterance.text = text;
+		// TODO: Consider the best language for the utterance:
+		// language of the web page? (this.lang)
+		// language of the WebVTT description track?
+		// language of the user's chosen voice?
+		// If there's a mismatch between any of these, the description will likely be unintelligible
+		utterance.lang = this.lang;
+		utterance.onstart = function(e) {
+			// utterance has started
+		};
+		utterance.onpause = function(e) {
+			// utterance has paused
+		};
+		utterance.onend = function(e) {
+			// utterance has ended
+			this.speakingDescription = false;
+			timeElapsed = e.elapsedTime;
+			// As of Firefox 95, e.elapsedTime is expressed in seconds
+			// Other browsers (tested in Chrome & Edge) express this in milliseconds
+			// Assume no utterance will require over 100 seconds to express...
+			if (timeElapsed > 100) {
+				// time is likely expressed in milliseconds
+				secondsElapsed = (e.elapsedTime/1000).toFixed(2);
+			}
+			else {
+				// time is likely already expressed in seconds; just need to round it
+				secondsElapsed = (e.elapsedTime).toFixed(2);
+			}
+			if (this.debug) {
+				console.log('Finished speaking. That took ' + secondsElapsed + ' seconds.');
+			}
+			if (context === 'description') {
+				if (thisObj.prefDescPause) {
+					if (thisObj.pausedForDescription) {
+						thisObj.playMedia();
+						this.pausedForDescription = false;
 					}
-				};
-				utterance.onerror = function(e) {
-					// handle error
-					console.log('Web Speech API error',e);
-				};
-				if (this.synth.paused) { 
-					this.synth.resume();					
 				}
-				this.synth.speak(utterance);
-				this.speakingDescription = true; 
 			}
+		};
+		utterance.onerror = function(e) {
+			// handle error
+			console.log('Web Speech API error',e);
+		};
+		if (this.synth.paused) {
+			this.synth.resume();
 		}
+		this.synth.speak(utterance);
+		this.speakingDescription = true;
 	};
 
 })(jQuery);
@@ -9935,30 +9947,30 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.browserSupportsVolume = function() {
 
-		// To test whether the browser supports changing the volume, 
-			// create a new audio element and try setting the volume to something other than 1. 
-			// Then, retrieve the current setting to see if it preserved it. 
+		// To test whether the browser supports changing the volume,
+		// create a new audio element and try setting the volume to something other than 1.
+		// Then, retrieve the current setting to see if it preserved it.
 
-			// Unfortunately, this doesn't work in iOS. In 2022, our tests yield the same results as reported here:  
-			// https://stackoverflow.com/questions/72861253/how-do-i-detect-if-a-browser-does-not-support-changing-html-audio-volume
+		// Unfortunately, this doesn't work in iOS. In 2022, our tests yield the same results as reported here:
+		// https://stackoverflow.com/questions/72861253/how-do-i-detect-if-a-browser-does-not-support-changing-html-audio-volume
 
-			// So, unfortunately we have to resort to sniffing for iOS  
-			// before testing for support in other browsers 
-			var audio, testVolume; 
- 
-			if (this.isIOS()) { 
-				return false; 
-			}
+		// So, unfortunately we have to resort to sniffing for iOS
+		// before testing for support in other browsers
+		var audio, testVolume;
 
-			testVolume = 0.9;  // any value between 0.1 and 0.9 
-			audio = new Audio();
-      audio.volume = testVolume;
-			if (audio.volume === testVolume) { 
-				return true; 
-			} 
-			else { 
-				return false; 
-			}
+		if (this.isIOS()) {
+			return false;
+		}
+
+		testVolume = 0.9;  // any value between 0.1 and 0.9
+		audio = new Audio();
+		audio.volume = testVolume;
+		if (audio.volume === testVolume) {
+			return true;
+		}
+		else {
+			return false;
+		}
 	};
 
 	AblePlayer.prototype.nativeFullscreenSupported = function () {
@@ -9972,6 +9984,7 @@ if (typeof module !== "undefined" && module.exports) {
 })(jQuery);
 
 (function ($) {
+
 	AblePlayer.prototype.seekTo = function (newTime) {
 
 		var thisObj = this;
@@ -9984,8 +9997,8 @@ if (typeof module !== "undefined" && module.exports) {
 		this.seeking = true;
 		this.liveUpdatePending = true;
 
-		if (this.speakingDescription) { 			
-			this.synth.cancel(); 
+		if (this.speakingDescription) {
+			this.synth.cancel();
 		}
 
 		if (this.player === 'html5') {
@@ -9998,8 +10011,8 @@ if (typeof module !== "undefined" && module.exports) {
 				// ok to seek to startTime
 				// canplaythrough will be triggered when seeking is complete
 				// this.seeking will be set to false at that point
-				this.media.currentTime = this.startTime; 
-				this.seekStatus = 'complete'; 
+				this.media.currentTime = this.startTime;
+				this.seekStatus = 'complete';
 				if (this.hasSignLanguage && this.signVideo) {
 					// keep sign languge video in sync
 					this.signVideo.currentTime = this.startTime;
@@ -10092,15 +10105,15 @@ if (typeof module !== "undefined" && module.exports) {
 		else {
 			var duration;
 			if (this.player === 'html5') {
-				duration = this.media.duration;			
+				duration = this.media.duration;
 			}
 			else if (this.player === 'youtube') {
 				if (this.youTubePlayerReady) {
-					if (this.duration > 0) { 
+					if (this.duration > 0) {
 						// duration was already retrieved while checking for captions
-						duration = this.duration; 
+						duration = this.duration;
 					}
-					else { 
+					else {
 						duration = this.youTubePlayer.getDuration();
 					}
 				}
@@ -10170,11 +10183,11 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.getPlayerState = function () {
 
 		// Returns one of the following states:
-		//	'stopped' - Not yet played for the first time, or otherwise reset to unplayed.
-		//	'ended' - Finished playing.
-		//	'paused' - Not playing, but not stopped or ended.
-		//	'buffering' - Momentarily paused to load, but will resume once data is loaded.
-		//	'playing' - Currently playing.
+		// - 'stopped' - Not yet played for the first time, or otherwise reset to unplayed.
+		// - 'ended' - Finished playing.
+		// - 'paused' - Not playing, but not stopped or ended.
+		// - 'buffering' - Momentarily paused to load, but will resume once data is loaded.
+		// - 'playing' - Currently playing.
 
 		// Commented out the following in 3.2.1 - not sure of its intended purpose
 		// It can be useful to know player state even when swapping src
@@ -10255,13 +10268,13 @@ if (typeof module !== "undefined" && module.exports) {
 			}
 		}
 		else if (this.player === 'youtube') {
-			// Youtube supports varying playback rates per video.	 
+			// Youtube supports varying playback rates per video.
 			// Only expose controls if more than one playback rate is available.
-			if (this.youTubePlayerReady) { 
+			if (this.youTubePlayerReady) {
 				if (this.youTubePlayer.getAvailablePlaybackRates().length > 1) {
 					return true;
 				}
-				else { 
+				else {
 					return false;
 				}
 			}
@@ -10276,12 +10289,12 @@ if (typeof module !== "undefined" && module.exports) {
 	};
 
 	AblePlayer.prototype.setPlaybackRate = function (rate) {
-		
+
 		rate = Math.max(0.5, rate);
 
-		if (this.hasClosedDesc && this.descMethod === 'text') { 
-			// keep speech rate in sync with playback rate even if descOn is false 
-			this.syncSpeechToPlaybackRate(rate); 
+		if (this.hasClosedDesc && this.descMethod === 'text') {
+			// keep speech rate in sync with playback rate even if descOn is false
+			this.syncSpeechToPlaybackRate(rate);
 		}
 
 		if (this.player === 'html5') {
@@ -10298,7 +10311,7 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 		this.playbackRate = rate;
 		this.$speed.text(this.tt.speed + ': ' + rate.toFixed(2).toString() + 'x');
-	};	
+	};
 
 	AblePlayer.prototype.getPlaybackRate = function () {
 
@@ -10314,7 +10327,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.isPaused = function () {
 
-		 // Note there are three player states that count as paused in this sense,
+		// Note there are three player states that count as paused in this sense,
 		// and one of them is named 'paused'.
 		// A better name would be 'isCurrentlyNotPlayingOrBuffering'
 
@@ -10523,7 +10536,7 @@ if (typeof module !== "undefined" && module.exports) {
 					// Only update the aria live region if we have an update pending
 					// (from a seek button control) or if the seekBar has focus.
 					// We use document.activeElement instead of $(':focus') due to a strange bug:
-					// 	When the seekHead element is focused, .is(':focus') is failing and $(':focus') is returning an undefined element.
+					// When the seekHead element is focused, .is(':focus') is failing and $(':focus') is returning an undefined element.
 					updateLive = this.liveUpdatePending || this.seekBar.seekHead.is($(document.activeElement));
 					this.liveUpdatePending = false;
 					if (this.useChapterTimes) {
@@ -10582,9 +10595,9 @@ if (typeof module !== "undefined" && module.exports) {
 					}
 					else {
 						// seekbar is wide enough to fill the remaining space
-						// include a 5px buffer to account for minor browser differences  
+						// include a 5px buffer to account for minor browser differences
 						seekbarWidth = this.$ableWrapper.width() - widthUsed - 5;
-					}					
+					}
 					// Sometimes some minor fluctuations based on browser weirdness, so set a threshold.
 					if (Math.abs(seekbarWidth - this.seekBar.getWidth()) > 5) {
 						this.seekBar.setWidth(seekbarWidth);
@@ -10955,36 +10968,36 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.handlePlay = function(e) {
 
 		if (this.paused) {
-			// user clicked play 
-			this.okToPlay = true; 
+			// user clicked play
+			this.okToPlay = true;
 			this.playMedia();
-			if (this.synth.paused) { 
-				// media was paused while description was speaking 
-				// resume utterance 
-				this.synth.resume(); 
+			if (this.synth.paused) {
+				// media was paused while description was speaking
+				// resume utterance
+				this.synth.resume();
 			}
 		}
 		else {
 			// user clicked pause
-			this.okToPlay = false; 
+			this.okToPlay = false;
 			this.pauseMedia();
-			if (this.speakingDescription) { 
-				// pause the current utterance 
-				// it will resume when the user presses play 
-				this.synth.pause();				
+			if (this.speakingDescription) {
+				// pause the current utterance
+				// it will resume when the user presses play
+				this.synth.pause();
 			}
 		}
-		if (this.speechEnabled === null) { 			
-			this.initSpeech('play'); 
+		if (this.speechEnabled === null) {
+			this.initSpeech('play');
 		}
 	};
 
 	AblePlayer.prototype.handleRestart = function() {
 
-		if (this.speakingDescription) { 
-			// cancel audio description 
-			this.synth.cancel();				
-		}			
+		if (this.speakingDescription) {
+			// cancel audio description
+			this.synth.cancel();
+		}
 		this.seekTo(0);
 	};
 
@@ -11157,8 +11170,8 @@ if (typeof module !== "undefined" && module.exports) {
 				if (this.usingYouTubeCaptions) {
 					this.youTubePlayer.unloadModule('captions');
 				}
-				else if (this.usingVimeoCaptions) { 
-					this.vimeoPlayer.disableTextTrack(); 
+				else if (this.usingVimeoCaptions) {
+					this.vimeoPlayer.disableTextTrack();
 				}
 				else {
 					this.$captionsWrapper.hide();
@@ -11173,7 +11186,7 @@ if (typeof module !== "undefined" && module.exports) {
 				if (this.usingYouTubeCaptions) {
 					this.youTubePlayer.loadModule('captions');
 				}
-				else if (this.usingVimeoCaptions) { 
+				else if (this.usingVimeoCaptions) {
 					this.vimeoPlayer.enableTextTrack(this.captionLang).then(function(track) {
 						// track.language = the iso code for the language
 						// track.kind = 'captions' or 'subtitles'
@@ -11193,7 +11206,7 @@ if (typeof module !== "undefined" && module.exports) {
 								console.log('Error loading ' + track.label + ' ' + track.kind + ' track');
 								break;
 							}
-					});	
+					});
 				}
 				else {
 					this.$captionsWrapper.show();
@@ -11241,7 +11254,7 @@ if (typeof module !== "undefined" && module.exports) {
 	/**
 	 * Gives enough time for DOM changes to take effect before adjusting focus.
 	 * Helpful for allowing screen reading of elements whose state is intermittently changed.
-	 * 
+	 *
 	 * @param {*} $el element to focus on
 	 * @param {*} timeout optional wait time in milliseconds before focus
 	 */
@@ -11249,7 +11262,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// Default wait time of 50 ms
 		var _timeout = (timeout === undefined || timeout === null) ? 50 : timeout;
-		
+
 		setTimeout(function() {
 			$el.focus();
 		}, _timeout);
@@ -11295,7 +11308,7 @@ if (typeof module !== "undefined" && module.exports) {
 			if (!this.$descDiv.is(':hidden')) {
 				this.$descDiv.hide();
 			}
-			// NOTE: now showing $descDiv here if previously hidden 
+			// NOTE: now showing $descDiv here if previously hidden
 			// that's handled elsewhere, dependent on whether there's text to show
 		}
 		this.initDescription();
@@ -11317,8 +11330,8 @@ if (typeof module !== "undefined" && module.exports) {
 
 		thisObj = this;
 
-		if (this.speechEnabled === null) { 			
-			this.initSpeech('prefs'); 
+		if (this.speechEnabled === null) {
+			this.initSpeech('prefs');
 		}
 		if (this.hidingPopup) {
 			// stopgap to prevent spacebar in Firefox from reopening popup
@@ -11489,7 +11502,7 @@ if (typeof module !== "undefined" && module.exports) {
 			}
 			else {
 				// Exit fullscreen
-				this.restoringAfterFullscreen = true; 
+				this.restoringAfterFullscreen = true;
 				if (document.exitFullscreen) {
 					document.exitFullscreen();
 				}
@@ -11541,7 +11554,7 @@ if (typeof module !== "undefined" && module.exports) {
 					$el.width('100%');
 				}
 				var newHeight = $(window).height() - this.$playerDiv.height();
-				if (typeof this.$descDiv !== 'undefined') {				
+				if (typeof this.$descDiv !== 'undefined') {
 					if (!this.$descDiv.is(':hidden')) {
 						newHeight -= this.$descDiv.height();
 					}
@@ -11562,9 +11575,9 @@ if (typeof module !== "undefined" && module.exports) {
 				this.playMedia();
 			}
 		}
-		// add event handlers for changes in fullscreen mode. 
-		// Browsers natively trigger this event with the Escape key,  
-		// in addition to clicking the exit fullscreen button 
+		// add event handlers for changes in fullscreen mode.
+		// Browsers natively trigger this event with the Escape key,
+		// in addition to clicking the exit fullscreen button
 		$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', function(e) {
 			// NOTE: e.type = the specific event that fired (in case needing to control for browser-specific idiosyncrasies)
 			if (!thisObj.fullscreen) {
@@ -11588,9 +11601,9 @@ if (typeof module !== "undefined" && module.exports) {
 			// resetting clickedFullscreenButton after a timeout seems to be better approach
 			setTimeout(function() {
 				thisObj.clickedFullscreenButton = false;
-				thisObj.restoringAfterFullscreen = false; 
+				thisObj.restoringAfterFullscreen = false;
 			},1000);
-		});		
+		});
 	};
 
 	AblePlayer.prototype.handleFullscreenToggle = function () {
@@ -11628,7 +11641,7 @@ if (typeof module !== "undefined" && module.exports) {
 				}
 			}
 		}
-		// don't resizePlayer yet; that will be called in response to the window resize event 
+		// don't resizePlayer yet; that will be called in response to the window resize event
 		// this.resizePlayer();
 	};
 
@@ -11744,103 +11757,103 @@ if (typeof module !== "undefined" && module.exports) {
 
 		var captionSizeOkMin, captionSizeOkMax, captionSize, newCaptionSize, newLineHeight;
 
-		var newWidth, newHeight, $iframe, alertTop; 
+		var newWidth, newHeight, $iframe, alertTop;
 
-		if (this.mediaType === 'audio') { 
-			return; 
+		if (this.mediaType === 'audio') {
+			return;
 		}
 
-		if (typeof width !== 'undefined' && typeof height !== 'undefined') { 
-			// this is being called the first time a player is initialized 
+		if (typeof width !== 'undefined' && typeof height !== 'undefined') {
+			// this is being called the first time a player is initialized
 			// width and height were collected from the HTML, YouTube, or Vimeo media API
-			// so are reflective of the actual size of the media 
-			// use these values to calculate aspectRatio 
-			this.aspectRatio = height / width;  
-			if (this.playerWidth) { 
-				// default width is already defined via a width or data-width attribute. Use that. 				
-				newWidth = this.playerWidth; 
-				if (this.playerHeight) { 
-					newHeight = this.playerHeight; 
+			// so are reflective of the actual size of the media
+			// use these values to calculate aspectRatio
+			this.aspectRatio = height / width;
+			if (this.playerWidth) {
+				// default width is already defined via a width or data-width attribute. Use that.
+				newWidth = this.playerWidth;
+				if (this.playerHeight) {
+					newHeight = this.playerHeight;
 				}
-				else { 
-					newHeight = Math.round(newWidth * this.aspectRatio); 
-					this.playerHeight = newHeight; 
+				else {
+					newHeight = Math.round(newWidth * this.aspectRatio);
+					this.playerHeight = newHeight;
 				}
 			}
-			else { 
-				// playerWidth was not defined via HTML attributes 
-				if (this.player === 'html5') { 
+			else {
+				// playerWidth was not defined via HTML attributes
+				if (this.player === 'html5') {
 					newWidth = $(window).width();
 				}
-				else { 
-					newWidth = this.$ableWrapper.width(); 
-				}
-				newHeight = Math.round(newWidth * this.aspectRatio); 
-			}				
-		}			
-		else if (this.fullscreen) { 
-			this.$ableWrapper.addClass('fullscreen');  
-			newWidth = $(window).width();			
+				else {
+					newWidth = this.$ableWrapper.width();
+				}
+				newHeight = Math.round(newWidth * this.aspectRatio);
+			}
+		}
+		else if (this.fullscreen) {
+			this.$ableWrapper.addClass('fullscreen');
+			newWidth = $(window).width();
 			// the 5 pixel buffer is arbitrary, but results in a better fit for all browsers
-			newHeight = $(window).height() - this.$playerDiv.outerHeight() - 5; 
+			newHeight = $(window).height() - this.$playerDiv.outerHeight() - 5;
 			this.positionCaptions('overlay');
 		}
-		else { // not fullscreen, and not first time initializing player 			
+		else { // not fullscreen, and not first time initializing player
 			this.$ableWrapper.removeClass('fullscreen');
-			if (this.player === 'html5') { 
-				if (this.playerWidth) { 
-					newWidth = this.playerWidth; 
+			if (this.player === 'html5') {
+				if (this.playerWidth) {
+					newWidth = this.playerWidth;
 				}
 				else {
-					// use full size of window 
-					// player will be downsized to fit container if CSS requires it 
+					// use full size of window
+					// player will be downsized to fit container if CSS requires it
 					newWidth = $(window).width();
 				}
 			}
-			else { 
-				newWidth = this.$ableWrapper.width(); 
+			else {
+				newWidth = this.$ableWrapper.width();
 			}
-			newHeight = Math.round(newWidth * this.aspectRatio); 
-			this.positionCaptions(this.prefCaptionsPosition); 
+			newHeight = Math.round(newWidth * this.aspectRatio);
+			this.positionCaptions(this.prefCaptionsPosition);
 		}
 		if (this.debug) {
-			console.log('resizePlayer to ' + newWidth + 'x' + newHeight); 		
+			console.log('resizePlayer to ' + newWidth + 'x' + newHeight);
 		}
 		// Now size the player with newWidth and newHeight
-		if (this.player === 'youtube' || this.player === 'vimeo') { 
-			$iframe = this.$ableWrapper.find('iframe'); 
-			if (this.player === 'youtube' && this.youTubePlayer) { 
-				// alternatively, YouTube API offers a method for setting the video size 
-				// this adds width and height attributes to the iframe 
-				// but might have other effects, so best to do it this way 
-				this.youTubePlayer.setSize(newWidth,newHeight); 
-			}
-			else { 
-				// Vimeo API does not have a method for changing size of player 
-				// Therefore, need to change iframe attributes directly 
+		if (this.player === 'youtube' || this.player === 'vimeo') {
+			$iframe = this.$ableWrapper.find('iframe');
+			if (this.player === 'youtube' && this.youTubePlayer) {
+				// alternatively, YouTube API offers a method for setting the video size
+				// this adds width and height attributes to the iframe
+				// but might have other effects, so best to do it this way
+				this.youTubePlayer.setSize(newWidth,newHeight);
+			}
+			else {
+				// Vimeo API does not have a method for changing size of player
+				// Therefore, need to change iframe attributes directly
 				$iframe.attr({
 					'width': newWidth,
 					'height': newHeight
-				}); 
+				});
 			}
-			if (this.playerWidth && this.playerHeight) { 
-				if (this.fullscreen) { 
-					// remove constraints 
-					$iframe.css({ 
+			if (this.playerWidth && this.playerHeight) {
+				if (this.fullscreen) {
+					// remove constraints
+					$iframe.css({
 						'max-width': '',
 						'max-height': ''
-					});	
+					});
 				}
 				else {
 					// use CSS on iframe to enforce explicitly defined size constraints
-					$iframe.css({ 
+					$iframe.css({
 						'max-width': this.playerWidth + 'px',
 						'max-height': this.playerHeight + 'px'
 					});
 				}
 			}
 		}
-		else if (this.player === 'html5') { 
+		else if (this.player === 'html5') {
 			if (this.fullscreen) {
 				this.$media.attr({
 					'width': newWidth,
@@ -11851,28 +11864,28 @@ if (typeof module !== "undefined" && module.exports) {
 					'height': newHeight
 				});
 			}
-			else { 
-				// No constraints. Let CSS handle the positioning. 
+			else {
+				// No constraints. Let CSS handle the positioning.
 				this.$media.removeAttr('width height');
 				this.$ableWrapper.css({
 					'width': newWidth + 'px',
 					'height': 'auto'
 				});
-			}				
+			}
 		}
 		// Resize captions
 		if (typeof this.$captionsDiv !== 'undefined') {
 
-			// Font-size is too small in full screen view 
+			// Font-size is too small in full screen view
 			// use viewport units (vw) instead
-			// % units work fine if not fullscreen  
-			// prefCaptionSize is expressed as a percentage 
+			// % units work fine if not fullscreen
+			// prefCaptionSize is expressed as a percentage
 			captionSize = parseInt(this.prefCaptionsSize,10);
-			if (this.fullscreen) { 
-				captionSize = (captionSize / 100) + 'vw'; 
+			if (this.fullscreen) {
+				captionSize = (captionSize / 100) + 'vw';
 			}
-			else { 
-				captionSize = captionSize + '%'; 
+			else {
+				captionSize = captionSize + '%';
 			}
 			this.$captionsDiv.css({
 				'font-size': captionSize
@@ -11881,15 +11894,15 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// Reposition alert message (video player only)
 		// just below the vertical center of the mediaContainer
-		// hopefully above captions, but not too far from the controller bar		
-		if (this.mediaType === 'video') { 
-			alertTop = Math.round(this.$mediaContainer.height() / 3) * 2;			
+		// hopefully above captions, but not too far from the controller bar
+		if (this.mediaType === 'video') {
+			alertTop = Math.round(this.$mediaContainer.height() / 3) * 2;
 			this.$alertBox.css({
 				top: alertTop + 'px'
 			});
 		}
 
-		this.refreshControls();			
+		this.refreshControls();
 	};
 
 	AblePlayer.prototype.retrieveOffscreenWindow = function( which, width, height ) {
@@ -12094,14 +12107,14 @@ if (typeof module !== "undefined" && module.exports) {
 			this.transcriptDescriptions = descriptions;
 		}
 		if (this.selectedDescriptions) {
-			// updating description voice to match new description language			
-			this.setDescriptionVoice();			
-			if (this.$sampleDescDiv) { 
-				if (this.sampleText) { 
-					for (i = 0; i < this.sampleText.length; i++) { 
-						if (this.sampleText[i].lang === this.selectedDescriptions.language) { 
-							this.currentSampleText = this.sampleText[i]['text']; 
-							this.$sampleDescDiv.html(this.currentSampleText); 
+			// updating description voice to match new description language
+			this.setDescriptionVoice();
+			if (this.$sampleDescDiv) {
+				if (this.sampleText) {
+					for (i = 0; i < this.sampleText.length; i++) {
+						if (this.sampleText[i].lang === this.selectedDescriptions.language) {
+							this.currentSampleText = this.sampleText[i]['text'];
+							this.$sampleDescDiv.html(this.currentSampleText);
 						}
 					}
 				}
@@ -12576,7 +12589,7 @@ if (typeof module !== "undefined" && module.exports) {
 			this.$chaptersDiv.addClass('able-chapters-div');
 
 			// empty content from previous build before starting fresh
-			this.$chaptersDiv.empty(); 
+			this.$chaptersDiv.empty();
 
 			// add optional header
 			if (this.chaptersTitle) {
@@ -12612,7 +12625,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 		thisObj = this;
 
-		// TODO: Update this so it can change the chapters popup menu 
+		// TODO: Update this so it can change the chapters popup menu
 		// currently it only works if chapters are in an external container
 		if (!this.$chaptersNav) {
 			return false;
@@ -13945,17 +13958,17 @@ if (typeof module !== "undefined" && module.exports) {
 		this.getMediaTimes(duration,elapsed).then(function(mediaTimes) {
 			thisObj.duration = mediaTimes['duration'];
 			thisObj.elapsed = mediaTimes['elapsed'];
-			if (thisObj.duration > 0) { 
+			if (thisObj.duration > 0) {
 				// do all the usual time-sync stuff during playback
 				if (thisObj.prefHighlight === 1) {
 					thisObj.highlightTranscript(thisObj.elapsed);
-				}				
+				}
 				thisObj.updateCaption(thisObj.elapsed);
 				thisObj.showDescription(thisObj.elapsed);
 				thisObj.updateChapter(thisObj.elapsed);
 				thisObj.updateMeta(thisObj.elapsed);
-				thisObj.refreshControls('timeline', thisObj.duration, thisObj.elapsed); 
-			}	
+				thisObj.refreshControls('timeline', thisObj.duration, thisObj.elapsed);
+			}
 		});
 	};
 
@@ -14000,16 +14013,16 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.onMediaNewSourceLoad = function () {
 
-		var loadIsComplete = false; 
+		var loadIsComplete = false;
 
 		if (this.cueingPlaylistItem) {
 			// this variable was set in order to address bugs caused by multiple firings of media 'end' event
 			// safe to reset now
 			this.cueingPlaylistItem = false;
 		}
-		if (this.recreatingPlayer) { 
-			// same as above; different bugs 
-			this.recreatingPlayer = false; 
+		if (this.recreatingPlayer) {
+			// same as above; different bugs
+			this.recreatingPlayer = false;
 		}
 		if (this.playbackRate) {
 			// user has set playbackRate on a previous src or track
@@ -14020,7 +14033,7 @@ if (typeof module !== "undefined" && module.exports) {
 			if (!this.startedPlaying || this.okToPlay) {
 				// start playing; no further user action is required
 				this.playMedia();
-				loadIsComplete = true; 
+				loadIsComplete = true;
 			 }
 		}
 		else if (this.seekTrigger == 'restart' ||
@@ -14032,7 +14045,7 @@ if (typeof module !== "undefined" && module.exports) {
 			// Not included: elements where user might click multiple times in succession
 			// (i.e., 'rewind', 'forward', or seekbar); for these, video remains paused until user initiates play
 			this.playMedia();
-			loadIsComplete = true; 
+			loadIsComplete = true;
 		}
 		else if (this.swappingSrc) {
 			// new source file has just been loaded
@@ -14041,54 +14054,54 @@ if (typeof module !== "undefined" && module.exports) {
 				if ((this.playlistIndex !== this.$playlist.length) || this.loop) {
 					// this is not the last track in the playlist (OR playlist is looping so it doesn't matter)
 					this.playMedia();
-					loadIsComplete = true; 
+					loadIsComplete = true;
 				}
 			}
 			else if (this.swapTime > 0) {
-				if (this.seekStatus === 'complete') { 
+				if (this.seekStatus === 'complete') {
 					if (this.okToPlay) {
 						// should be able to resume playback
-						this.playMedia();					
+						this.playMedia();
 					}
-					loadIsComplete = true; 
+					loadIsComplete = true;
 				}
-				else if (this.seekStatus === 'seeking') { 
+				else if (this.seekStatus === 'seeking') {
 				}
-				else { 
-					if (this.swapTime === this.elapsed) { 
-						// seek is finished! 
-						this.seekStatus = 'complete'; 
+				else {
+					if (this.swapTime === this.elapsed) {
+						// seek is finished!
+						this.seekStatus = 'complete';
 						if (this.okToPlay) {
 							// should be able to resume playback
-							this.playMedia();					
+							this.playMedia();
 						}
-						loadIsComplete = true; 
+						loadIsComplete = true;
 					}
-					else { 
-						// seeking hasn't started yet 
-						// first, determine whether it's possible 
-						if (this.hasDescTracks) { 
+					else {
+						// seeking hasn't started yet
+						// first, determine whether it's possible
+						if (this.hasDescTracks) {
 							// do nothing. Unable to seek ahead if there are descTracks
-							loadIsComplete = true; 
+							loadIsComplete = true;
 						}
 						else if (this.durationsAreCloseEnough(this.duration,this.prevDuration)) {
 							// durations of two sources are close enough to making seek ahead in new source ok
-							this.seekStatus = 'seeking'; 
+							this.seekStatus = 'seeking';
 							this.seekTo(this.swapTime);
 						}
-						else { 							
-							// durations of two sources are too dissimilar to support seeking ahead to swapTime.  						
-							loadIsComplete = true; 
+						else {
+							// durations of two sources are too dissimilar to support seeking ahead to swapTime.
+							loadIsComplete = true;
 						}
 					}
 				}
 			}
-			else {				
-				// swapTime is 0. No seeking required. 
-				if (this.playing) { 
-					this.playMedia(); 
-					// swap is complete. Reset vars. 
-					loadIsComplete = true; 					
+			else {
+				// swapTime is 0. No seeking required.
+				if (this.playing) {
+					this.playMedia();
+					// swap is complete. Reset vars.
+					loadIsComplete = true;
 				}
 			}
 		}
@@ -14101,7 +14114,7 @@ if (typeof module !== "undefined" && module.exports) {
 					if (this.okToPlay) {
 						this.playMedia();
 					}
-					loadIsComplete = true; 
+					loadIsComplete = true;
 				}
 				else {
 					// haven't started seeking yet
@@ -14116,79 +14129,79 @@ if (typeof module !== "undefined" && module.exports) {
 				if (this.okToPlay) {
 					this.playMedia();
 				}
-				loadIsComplete = true; 				
+				loadIsComplete = true;
 			}
 		}
-		else if (this.hasPlaylist) { 
-			// new source media is part of a playlist, but user didn't click on it 
+		else if (this.hasPlaylist) {
+			// new source media is part of a playlist, but user didn't click on it
 			// (and somehow, swappingSrc is false)
-			// this may happen when the previous track ends and next track loads 
-			// this same code is called above when swappingSrc is true 
+			// this may happen when the previous track ends and next track loads
+			// this same code is called above when swappingSrc is true
 			if ((this.playlistIndex !== this.$playlist.length) || this.loop) {
 				// this is not the last track in the playlist (OR playlist is looping so it doesn't matter)
 				this.playMedia();
-				loadIsComplete = true; 
+				loadIsComplete = true;
 			}
 		}
-		else { 
-			// None of the above. 
+		else {
+			// None of the above.
 			// User is likely seeking to a new time, but not loading a new media source
-			// need to reset vars 
-			loadIsComplete = true; 
-		}
-		if (loadIsComplete) { 
-			// reset vars 
-			this.swappingSrc = false; 			
-			this.seekStatus = null; 
-			this.swapTime = 0; 
+			// need to reset vars
+			loadIsComplete = true;
+		}
+		if (loadIsComplete) {
+			// reset vars
+			this.swappingSrc = false;
+			this.seekStatus = null;
+			this.swapTime = 0;
 			this.seekTrigger = null;
-			this.seekingFromTranscript = false;		
+			this.seekingFromTranscript = false;
 			this.userClickedPlaylist = false;
-			this.okToPlay = false; 	
+			this.okToPlay = false;
 		}
 		this.refreshControls('init');
-		if (this.$focusedElement) { 		
-			this.restoreFocus(); 
-			this.$focusedElement = null; 
+		if (this.$focusedElement) {
+			this.restoreFocus();
+			this.$focusedElement = null;
 		}
 	};
 
-	AblePlayer.prototype.durationsAreCloseEnough = function(d1,d2) { 
+	AblePlayer.prototype.durationsAreCloseEnough = function(d1,d2) {
+
+		// Compare the durations of two media sources to determine whether it's ok to seek ahead after swapping src
+		// The durations may not be exact, but they might be "close enough"
+		// returns true if "close enough", otherwise false
+
+		var tolerance, diff;
 
-		// Compare the durations of two media sources to determine whether it's ok to seek ahead after swapping src 
-		// The durations may not be exact, but they might be "close enough" 
-		// returns true if "close enough", otherwise false 
+		tolerance = 1;  // number of seconds between rounded durations that is considered "close enough"
+
+		diff = Math.abs(Math.round(d1) - Math.round(d2));
 
-		var tolerance, diff; 
-		
-		tolerance = 1;  // number of seconds between rounded durations that is considered "close enough" 
-		
-		diff = Math.abs(Math.round(d1) - Math.round(d2)); 
-		
 		if (diff <= tolerance) {
-			return true;  
+			return true;
 		}
-		else { 
-			return false; 
+		else {
+			return false;
 		}
 	};
 
-	AblePlayer.prototype.restoreFocus = function() { 
+	AblePlayer.prototype.restoreFocus = function() {
 
 		// function called after player has been rebuilt (during media swap)
-		// the original focusedElement no longer exists, 
-		// but this function finds a match in the new player 
-		// and places focus there 
+		// the original focusedElement no longer exists,
+		// but this function finds a match in the new player
+		// and places focus there
 
-		var classList; 
+		var classList;
 
-		if (this.$focusedElement) { 
-			
-			if ((this.$focusedElement).attr('role') === 'button') { 
+		if (this.$focusedElement) {
+
+			if ((this.$focusedElement).attr('role') === 'button') {
 				classList = this.$focusedElement.attr("class").split(/\s+/);
 				$.each(classList, function(index, item) {
 					if (item.substring(0,20) === 'able-button-handler-') {
-						$('div.able-controller div.' + item).focus();  
+						$('div.able-controller div.' + item).focus();
 					}
 				});
 			}
@@ -14231,7 +14244,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 		var whichButton, prefsPopup;
 
-		whichButton = this.getButtonNameFromClass($(el).attr('class')); 
+		whichButton = this.getButtonNameFromClass($(el).attr('class'));
 
 		if (whichButton === 'play') {
 			this.clickedPlay = true;
@@ -14243,14 +14256,14 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 		else if (whichButton === 'previous') {
 			this.userClickedPlaylist = true;
-			this.okToPlay = true; 
+			this.okToPlay = true;
 			this.seekTrigger = 'previous';
 			this.buttonWithFocus = 'previous';
 			this.handlePrevTrack();
 		}
 		else if (whichButton === 'next') {
 			this.userClickedPlaylist = true;
-			this.okToPlay = true; 
+			this.okToPlay = true;
 			this.seekTrigger = 'next';
 			this.buttonWithFocus = 'next';
 			this.handleNextTrack();
@@ -14326,20 +14339,20 @@ if (typeof module !== "undefined" && module.exports) {
 		}
 	};
 
-	AblePlayer.prototype.getButtonNameFromClass = function (classString) { 
+	AblePlayer.prototype.getButtonNameFromClass = function (classString) {
 
-		// player control buttons all have class="able-button-handler-x"  where x is the identifier 
+		// player control buttons all have class="able-button-handler-x"  where x is the identifier
 		// buttons might also have other classes assigned though
 
-		var classes, i; 
+		var classes, i;
 
-		classes = classString.split(' '); 
-		for (i = 0; i < classes.length; i++) { 
-			if (classes[i].substring(0,20) === 'able-button-handler-') { 
-				return classes[i].substring(20); 
+		classes = classString.split(' ');
+		for (i = 0; i < classes.length; i++) {
+			if (classes[i].substring(0,20) === 'able-button-handler-') {
+				return classes[i].substring(20);
 			}
-		}		
-		return classString; 
+		}
+		return classString;
 	}
 
 	AblePlayer.prototype.okToHandleKeyPress = function () {
@@ -14517,10 +14530,10 @@ if (typeof module !== "undefined" && module.exports) {
 			})
 			.on('loadedmetadata',function() {
 				// should be able to get duration now
-				thisObj.duration = thisObj.media.duration;				
-				var x = 50.5; 
-				var y = 51.9; 
-				var diff = Math.abs(Math.round(x)-Math.round(y)); 
+				thisObj.duration = thisObj.media.duration;
+				var x = 50.5;
+				var y = 51.9;
+				var diff = Math.abs(Math.round(x)-Math.round(y));
 			})
 			.on('canplay',function() {
 				// previously handled seeking to startTime here
@@ -14528,11 +14541,11 @@ if (typeof module !== "undefined" && module.exports) {
 				// so we know player can seek ahead to anything
 			})
 			.on('canplaythrough',function() {
-				// previously onMediaNewSourceLoad() was called on 'loadedmetadata' 
-				// but that proved to be too soon for some of this functionality. 
-				// TODO: Monitor this. If moving it here causes performance issues, 
-				// consider moving some or all of this functionality to 'canplay' 
-					thisObj.onMediaNewSourceLoad(); 								
+				// previously onMediaNewSourceLoad() was called on 'loadedmetadata'
+				// but that proved to be too soon for some of this functionality.
+				// TODO: Monitor this. If moving it here causes performance issues,
+				// consider moving some or all of this functionality to 'canplay'
+					thisObj.onMediaNewSourceLoad();
 			})
 			.on('play',function() {
 				// both 'play' and 'playing' seem to be fired in all browsers (including IE11)
@@ -14542,7 +14555,7 @@ if (typeof module !== "undefined" && module.exports) {
 			.on('playing',function() {
 				thisObj.playing = true;
 				thisObj.paused = false;
-				thisObj.swappingSrc = false; 
+				thisObj.swappingSrc = false;
 				thisObj.refreshControls('playpause');
 			})
 			.on('ended',function() {
@@ -14564,12 +14577,12 @@ if (typeof module !== "undefined" && module.exports) {
 			.on('timeupdate',function() {
 				thisObj.onMediaUpdateTime(); // includes a call to refreshControls()
 			})
-			.on('pause',function() {				
-				if (!thisObj.clickedPlay) {					
+			.on('pause',function() {
+				if (!thisObj.clickedPlay) {
 					// 'pause' was triggered automatically, not initiated by user
 					// this happens in some browsers when swapping source
 					// (e.g., between tracks in a playlist or swapping description)
-					if (thisObj.hasPlaylist || thisObj.swappingSrc) {						
+					if (thisObj.hasPlaylist || thisObj.swappingSrc) {
 						// do NOT set playing to false.
 						// doing so prevents continual playback after new track is loaded
 					}
@@ -14649,11 +14662,11 @@ if (typeof module !== "undefined" && module.exports) {
 			// Triggered as the video is loaded.
 			 // Reports back the amount of the video that has been buffered (NOT the amount played)
 			 // Data has keys duration, percent, and seconds
-	 	});
+		});
 		this.vimeoPlayer.on('seeking', function(data) {
 		 	// Triggered when the player starts seeking to a specific time.
 			 // A timeupdate event will also be fired at the same time.
-	 	});
+		});
 		this.vimeoPlayer.on('seeked', function(data) {
 			// Triggered when the player seeks to a specific time.
 			// A timeupdate event will also be fired at the same time.
@@ -14775,16 +14788,16 @@ if (typeof module !== "undefined" && module.exports) {
 
 			if (e.button !== 0) { // not a left click
 				return false;
-			}			
+			}
 			if ($('.able-popup:visible').length || $('.able-volume-popup:visible')) {
 				// at least one popup is visible
 				thisObj.closePopups();
 			}
-			if (e.target.tagName === 'VIDEO') { 
+			if (e.target.tagName === 'VIDEO') {
 				// user clicked the video (not an element that sits on top of the video)
-				// handle this as a play/pause toggle click 
-				thisObj.clickedPlay = true; 
-			}			
+				// handle this as a play/pause toggle click
+				thisObj.clickedPlay = true;
+			}
 		});
 
 		// handle mouse movement over player; make controls visible again if hidden
@@ -14915,7 +14928,7 @@ if (typeof module !== "undefined" && module.exports) {
 		// There are nevertheless lessons to be learned from Drag & Drop about accessibility:
 		// http://dev.opera.com/articles/accessible-drag-and-drop/
 
-		var thisObj, $window, $toolbar, windowName, $resizeHandle, $resizeSvg, 
+		var thisObj, $window, $toolbar, windowName, $resizeHandle, $resizeSvg,
 			i, x1, y1, x2, y2, $resizeLine, resizeZIndex;
 
 		thisObj = this;
@@ -14939,42 +14952,42 @@ if (typeof module !== "undefined" && module.exports) {
 			'class': 'able-resizable'
 		});
 
-		// fill it with three parallel diagonal lines 
+		// fill it with three parallel diagonal lines
 		$resizeSvg = $('<svg>').attr({
 			'width': '100%',
 			'height': '100%',
 			'viewBox': '0 0 100 100',
 			'preserveAspectRatio': 'none'
 		});
-		for (i=1; i<=3; i++) { 
-			if (i === 1) { 
-				x1 = '100'; 
-				y1 = '0'; 
-				x2 = '0'; 
-				y2 = '100'; 
-			}
-			else if (i === 2) { 
-				x1 = '33'; 
-				y1 = '100'; 
-				x2 = '100'; 
-				y2 = '33'; 
-			}
-			else if (i === 3) { 
-				x1 = '67'; 
-				y1 = '100'; 
-				x2 = '100'; 
-				y2 = '67'; 
-			}
-			$resizeLine = $('<line>').attr({ 
+		for (i=1; i<=3; i++) {
+			if (i === 1) {
+				x1 = '100';
+				y1 = '0';
+				x2 = '0';
+				y2 = '100';
+			}
+			else if (i === 2) {
+				x1 = '33';
+				y1 = '100';
+				x2 = '100';
+				y2 = '33';
+			}
+			else if (i === 3) {
+				x1 = '67';
+				y1 = '100';
+				x2 = '100';
+				y2 = '67';
+			}
+			$resizeLine = $('<line>').attr({
 				'x1': x1,
 				'y1': y1,
 				'x2': x2,
 				'y2': y2,
-				'vector-effect': 'non-scaling-stroke'				
+				'vector-effect': 'non-scaling-stroke'
 			})
-			$resizeSvg.append($resizeLine); 
+			$resizeSvg.append($resizeLine);
 		}
-		$resizeHandle.html($resizeSvg); 
+		$resizeHandle.html($resizeSvg);
 
 		// assign z-index that's slightly higher than parent window
 		resizeZIndex = parseInt($window.css('z-index')) + 100;
@@ -16827,30 +16840,30 @@ if (typeof module !== "undefined" && module.exports) {
 		// return language name associated with lang code "key"
 		// whichName is either "English" or "local" (i.e., native name)
 
-		var lang, code, subTag; 
+		var lang, code, subTag;
 		lang = isoLangs[key.toLowerCase()];
-		if (lang) { 
-			if (whichName === 'local') { 
-				return lang.nativeName; 
+		if (lang) {
+			if (whichName === 'local') {
+				return lang.nativeName;
 			}
-			else { 
-				return lang.name; 
+			else {
+				return lang.name;
 			}
 		}
 		else if (key.includes('-')) {
 			code = key.substring(0,2);
-			subTag = key.substring(3);  
-			lang = isoLangs[code.toLowerCase()]; 
-			if (lang) { 
-				if (whichName === 'local') { 
-					return lang.nativeName + ' (' + subTag + ')'; 
+			subTag = key.substring(3);
+			lang = isoLangs[code.toLowerCase()];
+			if (lang) {
+				if (whichName === 'local') {
+					return lang.nativeName + ' (' + subTag + ')';
 				}
-				else { 
-					return lang.name + ' (' + subTag + ')'; 
+				else {
+					return lang.name + ' (' + subTag + ')';
 				}
 			}
 		}
-		// if all else has failed, use the key as the label 
+		// if all else has failed, use the key as the label
 		return key;
 	};
 
@@ -16866,7 +16879,7 @@ if (typeof module !== "undefined" && module.exports) {
 
 		// determine language, then get labels and prompts from corresponding translation var
 
-		var deferred, thisObj, supportedLangs, docLang, msg, translationFile, collapsedLang, i, 
+		var deferred, thisObj, supportedLangs, docLang, msg, translationFile, collapsedLang, i,
 			similarLangFound;
 		deferred = $.Deferred();
 		thisObj = this;
@@ -16891,18 +16904,18 @@ if (typeof module !== "undefined" && module.exports) {
 				}
 				else {
 					// this is not a localized language.
-					// but maybe there's a similar localized language supported  
-					// that has the same parent?  
-					similarLangFound = false; 
-					i = 0; 
-					while (i < supportedLangs.length) { 
-						if (supportedLangs[i].substring(0,2) == this.lang) { 
-							this.lang = supportedLangs[i]; 				
-							similarLangFound = true; 
+					// but maybe there's a similar localized language supported
+					// that has the same parent?
+					similarLangFound = false;
+					i = 0;
+					while (i < supportedLangs.length) {
+						if (supportedLangs[i].substring(0,2) == this.lang) {
+							this.lang = supportedLangs[i];
+							similarLangFound = true;
 						}
-						i++; 
+						i++;
 					}
-					if (!similarLangFound) { 
+					if (!similarLangFound) {
 						// language requested via data-lang is not supported
 						this.lang = null;
 					}
@@ -16952,11 +16965,11 @@ if (typeof module !== "undefined" && module.exports) {
 		translationFile = this.rootPath + 'translations/' + this.lang + '.js';
 		$.getJSON(translationFile, function(data) {
 			// success!
-			thisObj.tt = data; 
-			deferred.resolve(); 
+			thisObj.tt = data;
+			deferred.resolve();
 		})
 		.fail(function() {
-			console.log( "Critical Error: Unable to load translation file:",translationFile);			
+			console.log( "Critical Error: Unable to load translation file:",translationFile);
 			thisObj.provideFallback();
 			deferred.fail();
 		})
@@ -16965,26 +16978,26 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.getSampleDescriptionText = function() {
 
-		// Create an array of sample description text in all languages 
-		// This needs to be readily available for testing different voices 
-		// in the Description Preferences dialog 
-		var thisObj, supportedLangs, i, thisLang, translationFile, thisText, translation; 
-		
-		supportedLangs = this.getSupportedLangs(); 
+		// Create an array of sample description text in all languages
+		// This needs to be readily available for testing different voices
+		// in the Description Preferences dialog
+		var thisObj, supportedLangs, i, thisLang, translationFile, thisText, translation;
+
+		supportedLangs = this.getSupportedLangs();
 
-		thisObj = this; 
+		thisObj = this;
 
-		this.sampleText = []; 
-		for (i=0; i < supportedLangs.length; i++) { 
+		this.sampleText = [];
+		for (i=0; i < supportedLangs.length; i++) {
 			translationFile = this.rootPath + 'translations/' + supportedLangs[i] + '.js';
 			$.getJSON(translationFile, thisLang, (function(thisLang) {
-					return function(data) { 
-						thisText = data.sampleDescriptionText; 
-						translation = {'lang':thisLang, 'text': thisText}; 
-						thisObj.sampleText.push(translation); 						
+					return function(data) {
+						thisText = data.sampleDescriptionText;
+						translation = {'lang':thisLang, 'text': thisText};
+						thisObj.sampleText.push(translation);
 					};
-			}(supportedLangs[i])) // pass lang to callback function 
-			); 				 
+			}(supportedLangs[i])) // pass lang to callback function
+			);
 		}
 	};
 
@@ -17277,7 +17290,7 @@ if (typeof module !== "undefined" && module.exports) {
 					$label = $('<label>', {
 						'for': radioId
 						// Two options for label:
-						// getLanguageName() - with second parameter "local" would return native name, otherwise returns English; 
+						// getLanguageName() - with second parameter "local" would return native name, otherwise returns English;
 						// TODO: if using this be sure to add lang attr to <div> (see above)
 					}).text(this.getLanguageName(this.langs[i]));
 					$radioDiv.append($radio,$label);
@@ -17371,8 +17384,8 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.setupVtsTracks = function(kind, lang, trackDesc, label, src, contents) {
 
-		// TODO: Add support for trackDesc 
-		// (to destinguish between tracks for the decribed vs non-described versions)		
+		// TODO: Add support for trackDesc
+		// (to destinguish between tracks for the decribed vs non-described versions)
 
 		// Called from tracks.js
 		var srcFile, vtsCues;
@@ -17764,14 +17777,12 @@ if (typeof module !== "undefined" && module.exports) {
 
 	AblePlayer.prototype.getIconCredit = function() {
 
-		var credit;
-		credit = '<div id="able-vts-icon-credit">'
-			+ 'Action buttons made by <a href="https://www.flaticon.com/authors/elegant-themes">Elegant Themes</a> '
-			+ 'from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> '
-			+ 'are licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" '
-			+ 'target="_blank">CC 3.0 BY</a>'
-			+ '</div>';
-			return credit;
+		var credit
+			= 'Action buttons made by <a target="_blank" rel="noreferrer" href="https://www.elegantthemes.com">Elegant Themes</a>'
+			+ ' from <a target="_blank" rel="noreferrer" href="https://www.flaticon.com">flaticon</a>'
+			+ ' are licensed by <a target="_blank" rel="noreferrer" href="https://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC 3.0 BY</a>'
+		;
+		return '<div id="able-vts-icon-credit">' + credit + '</div>';
 	};
 
 	AblePlayer.prototype.getAllLangs = function(tracks) {
@@ -18205,7 +18216,7 @@ if (typeof module !== "undefined" && module.exports) {
 			return myclass.substring(kindStart);
 		}
 		else {
-			// kind-* is one of multiple classes 
+			// kind-* is one of multiple classes
 			// the following will find it regardless of position of "kind-*" within the class string
 			return myclass.substring(kindStart,kindEnd);
 		}
@@ -18287,8 +18298,8 @@ if (typeof module !== "undefined" && module.exports) {
 
 })(jQuery);
 
-
 (function ($) {
+
 	AblePlayer.prototype.initVimeoPlayer = function () {
 
 		var thisObj, deferred, promise, containerId, vimeoId, autoplay, videoDimensions, options;
@@ -18317,10 +18328,10 @@ if (typeof module !== "undefined" && module.exports) {
 		// setting the "controls" option to "false" will hide the default controls, without hiding captions.
 		// This is a new option from Vimeo; previously used "background:true" to hide the controller,
 		// but that had unwanted side effects:
-		//  - In addition to hiding the controls, it also hides captions
-		//  - It automatically autoplays (initializing the player with autoplay:false does not override this)
-		//  - It automatically loops (but this can be overridden by initializing the player with loop:false)
-		//  - It automatically sets volume to 0 (not sure if this can be overridden, since no longer using the background option)
+		// - In addition to hiding the controls, it also hides captions
+		// - It automatically autoplays (initializing the player with autoplay:false does not override this)
+		// - It automatically loops (but this can be overridden by initializing the player with loop:false)
+		// - It automatically sets volume to 0 (not sure if this can be overridden, since no longer using the background option)
 
 		if (this.okToPlay) {
 			autoplay = 'true';
@@ -18329,16 +18340,16 @@ if (typeof module !== "undefined" && module.exports) {
 			autoplay = 'false';
 		}
 
-		if (this.playerWidth) {			
-			if (this.vimeoUrlHasParams) { 
-				// use url param, not id 
+		if (this.playerWidth) {
+			if (this.vimeoUrlHasParams) {
+				// use url param, not id
 				options = {
 					url: vimeoId,
 					width: this.playerWidth,
 					controls: false
 				}
 			}
-			else { 
+			else {
 				options = {
 					id: vimeoId,
 					width: this.playerWidth,
@@ -18346,15 +18357,15 @@ if (typeof module !== "undefined" && module.exports) {
 				}
 			}
 		}
-		else { 
-			// initialize without width & set width later 
-			if (this.vimeoUrlHasParams) { 
+		else {
+			// initialize without width & set width later
+			if (this.vimeoUrlHasParams) {
 				options = {
 					url: vimeoId,
 					controls: false
 				}
 			}
-			else { 
+			else {
 				options = {
 					id: vimeoId,
 					controls: false
@@ -18372,18 +18383,18 @@ if (typeof module !== "undefined" && module.exports) {
 			});
 
 			// get video's intrinsic size and initiate player dimensions
-			thisObj.vimeoPlayer.getVideoWidth().then(function(width) {						
-				if (width) { 
-					// also get height 
-					thisObj.vimeoPlayer.getVideoHeight().then(function(height) {	
-						if (height) { 								
-							thisObj.resizePlayer(width,height); 								
+			thisObj.vimeoPlayer.getVideoWidth().then(function(width) {
+				if (width) {
+					// also get height
+					thisObj.vimeoPlayer.getVideoHeight().then(function(height) {
+						if (height) {
+							thisObj.resizePlayer(width,height);
 						}
-					});														
+					});
 				}
 			}).catch(function(error) {
-				// an error occurred getting height or width 
-				// TODO: Test this to see how gracefully it organically recovers 
+				// an error occurred getting height or width
+				// TODO: Test this to see how gracefully it organically recovers
 			});
 
 			if (!thisObj.hasPlaylist) {
@@ -18513,9 +18524,9 @@ if (typeof module !== "undefined" && module.exports) {
 							'language': tracks[i]['language'],
 							'label': tracks[i]['label'],
 							'def': isDefaultTrack
-						});						
+						});
 					}
-					thisObj.captions = thisObj.tracks; 
+					thisObj.captions = thisObj.tracks;
 					thisObj.hasCaptions = true;
 
 					// setupPopups again with new captions array, replacing original
@@ -18524,7 +18535,7 @@ if (typeof module !== "undefined" && module.exports) {
 			 	}
 			 	else {
 					thisObj.hasCaptions = false;
-					thisObj.usingVimeoCaptions = false; 
+					thisObj.usingVimeoCaptions = false;
 					deferred.resolve();
 				}
 			});
@@ -18535,9 +18546,9 @@ if (typeof module !== "undefined" && module.exports) {
 	AblePlayer.prototype.getVimeoPosterUrl = function (vimeoId, width) {
 
 		// this is a placeholder, copied from getYouTubePosterUrl()
-		// Vimeo doesn't seem to have anything similar, 
+		// Vimeo doesn't seem to have anything similar,
 		// nor does it seem to be possible to get the poster via the Vimeo API
-		// Vimeo playlist support (with thumbnail images) may require use of data-poster 
+		// Vimeo playlist support (with thumbnail images) may require use of data-poster
 
 		// return a URL for retrieving a YouTube poster image
 		// supported values of width: 120, 320, 480, 640
@@ -18560,43 +18571,43 @@ if (typeof module !== "undefined" && module.exports) {
 			return url + '/sddefault.jpg';
 		}
 		return false;
-	};	
+	};
 
 	AblePlayer.prototype.getVimeoId = function (url) {
-		
+
 		// return a Vimeo ID, extracted from a full Vimeo URL
 		// Supported URL patterns are anything containing 'vimeo.com'
-		//  and ending with a '/' followed by the ID. 
+		// and ending with a '/' followed by the ID.
 		// (Vimeo IDs do not have predicatable lengths)
-		
-		// Update: If URL contains parameters, return the full url 
-		// This will need to be passed to the Vimeo Player API 
-		// as a url parameter, not as an id parameter		 
-		this.vimeoUrlHasParams = false; 
-	
-		var idStartPos, id; 
-
-		if (typeof url === 'number') { 
-			// this is likely already a vimeo ID 
-			return url; 
-		}
-		else if (url.indexOf('vimeo.com') !== -1) { 
-			// this is a full Vimeo URL 
-			if (url.indexOf('?') !== -1) { 
-				// URL contains parameters 
-				this.vimeoUrlHasParams = true; 
-				return url; 
-			}
-			else { 			
-				url = url.trim(); 
-				idStartPos = url.lastIndexOf('/') + 1; 
-				id = url.substring(idStartPos); 
-				return id; 
+
+		// Update: If URL contains parameters, return the full url
+		// This will need to be passed to the Vimeo Player API
+		// as a url parameter, not as an id parameter
+		this.vimeoUrlHasParams = false;
+
+		var idStartPos, id;
+
+		if (typeof url === 'number') {
+			// this is likely already a vimeo ID
+			return url;
+		}
+		else if (url.indexOf('vimeo.com') !== -1) {
+			// this is a full Vimeo URL
+			if (url.indexOf('?') !== -1) {
+				// URL contains parameters
+				this.vimeoUrlHasParams = true;
+				return url;
+			}
+			else {
+				url = url.trim();
+				idStartPos = url.lastIndexOf('/') + 1;
+				id = url.substring(idStartPos);
+				return id;
 			}
 		}
-		else { 
-			return url; 
+		else {
+			return url;
 		}
-};	
+	};
 
 })(jQuery);
diff --git a/build/ableplayer.min.css b/build/ableplayer.min.css
index 642dc122..5740c570 100644
--- a/build/ableplayer.min.css
+++ b/build/ableplayer.min.css
@@ -1 +1 @@
-.able-wrapper{position:relative;margin:1em 0;padding:0;max-width:100%;height:auto;box-sizing:content-box!important;text-align:left}.able{position:relative;margin:0;padding:0;width:100%;background-color:#000;box-shadow:0 0 16px #262626;z-index:5000}.able-column-left{float:left}.able-column-right{float:left}.able .able-vidcap-container{background-color:#000;left:0;margin:0;position:relative;top:0}.able .able-audcap-container{background-color:#000;position:relative;margin:0;padding:1.5em .25em}.able-player{font-family:Arial,Helvetica,sans-serif;background-color:#262626}.able-audio{padding-top:1em}.able-offscreen{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.able-media-container audio{display:none!important}.able-controller{position:relative;border-bottom:1px solid #4c4c4c;background-color:#464646;min-height:38px;padding:0}.able-poster{position:absolute;top:0;left:0;width:100%!important;height:auto!important}.able .able-vidcap-container{overflow:visible}.able .able-vidcap-container video{max-width:100%}.able-media-container iframe{max-width:100%}.able-big-play-button{position:absolute;font-size:8em;color:#fdfdfd;background-color:transparent;border:none;outline:0;left:0;top:0;padding:0;z-index:6500;opacity:.75}.able-big-play-button:focus,.able-big-play-button:hover{opacity:100}.able-big-play-button .icon-play,.able-big-play-button svg{background-color:#000;padding:1rem 2rem}.able-big-play-button:hover .icon-play,.able-big-play-button:hover svg{outline-style:solid;outline-width:medium;outline-color:#8ab839!important}.able-big-play-button:focus .icon-play,.able-big-play-button:focus svg{outline-style:solid;outline-width:medium;outline-color:#ffbb37!important}.able-left-controls,.able-right-controls{overflow:visible}.able-left-controls div[role=button],.able-right-controls div[role=button]{vertical-align:middle}.able-left-controls{float:left}.able-right-controls{float:right}.able-black-controls,.able-black-controls div[role=button],.able-black-controls label{color:#000!important}.able-black-controls .able-seekbar{border:1px solid #000}.able-black-controls label,.able-white-controls,.able-white-controls div[role=button]{color:#fff!important}.able-white-controls .able-seekbar{border:1px solid #fff}.able-controller div[role=button]{background:0 0;position:relative;display:inline-block;border-style:none;margin:3px;padding:0;font-size:20px;min-width:24px;border:none;overflow:visible!important;z-index:6600}.able-controller div[role=button]>img,.able-controller div[role=button]>span{width:20px;margin:0 auto;padding:0;z-index:6700}.able-controller .buttonOff{opacity:.5;z-index:6800}.able-controller .able-seekbar{margin:0 5px;z-index:6900}.able-controller div[role=button]:focus,.able-controller div[role=button]:hover{outline-style:solid;outline-width:medium}.able-controller div[role=button]:hover{outline-color:#8ab839!important}.able-controller div[role=button]:focus{outline-color:#ffbb37!important}.able-controller button::-moz-focus-inner,.able-search-results button::-moz-focus-inner{border:0}.able-seekbar-wrapper{display:inline-block;vertical-align:middle}.able-seekbar{position:relative;height:.5em;border:1px solid;background-color:#000;margin:0 3px;border-style:solid;border-width:2px;border-color:#fff}.able-seekbar-loaded{display:inline-block;position:absolute;left:0;top:0;height:.5em;background-color:#464646;z-index:5100}.able-seekbar-played{display:inline-block;position:absolute;left:0;top:0;height:.5em;background-color:#dadada;z-index:5200}.able-seekbar-head{display:inline-block;position:relative;left:0;top:-.4em;background-color:#fdfdfd;width:.8em;height:.8em;border:1px solid;border-radius:.8em;z-index:5500}.able-volume-slider{width:34px;height:80px;background-color:#464646;margin:0;padding:5px 0;position:absolute;right:0;bottom:60px;display:block;z-index:9100}.able-volume-help{display:none}.able-volume-slider input[type=range]{appearance:slider-vertical;writing-mode:bt-rl;width:28px;height:100%;background:0 0}.able-volume-slider input[type=range]::-moz-range-track{border:1px solid #fff;width:7px;cursor:pointer;background:#000}input[type=range]::-moz-range-thumb{background-color:#fdfdfd;outline:1px solid #333;height:16px;width:24px;z-index:9175}.able-status-bar{height:1.5em;min-height:1.5em;color:#ccc;font-size:.9em;background-color:transparent;padding:.5em .5em .25em}.able-status-bar span.able-timer{text-align:left;float:left;width:32%}.able-status-bar span.able-speed{float:left;width:33%;text-align:center}.able-status{font-style:italic;float:right;width:32%;text-align:right}div.able-captions-wrapper{width:100%;margin:0;padding:0;text-align:center;display:block;z-index:6000}div.able-captions{display:none;padding:.15em .25em;line-height:1.35em;background-color:#000;font-size:1em;color:#fff;opacity:.75}div.able-vidcap-container div.able-captions-overlay{position:absolute;margin:0;bottom:.5em}div.able-vidcap-container div.able-captions-below{position:relative;min-height:3.2em}div.able-audcap-container.captions-off{display:none}div.able-descriptions{position:relative;color:#ff6;background-color:#262626;min-height:2.8em;border-top:1px solid #666;margin:0;padding:3%;width:94%;text-align:center}div.able-now-playing{text-align:center;font-weight:700;font-size:1.1em;color:#fff;background-color:transparent;padding:.5em .5em 1em}div.able-now-playing span{font-size:.9em}div.able-now-playing span span{display:block}div.able-video div.able-now-playing{display:none}div.able-modal-dialog{position:absolute;height:auto;max-width:90%;margin-left:auto;margin-right:auto;top:5%;left:0;right:0;outline:0 none;display:none;color:#000;background-color:#fafafa;box-sizing:content-box!important;z-index:10000;max-height:90%;overflow:scroll}@supports (transform:translate(-50%,-50%)){div.able-modal-dialog{top:50%;left:50%;transform:translate(-50%,-50%)!important}}div.able-modal-overlay{position:fixed;width:100%;height:100%;background-color:#000;opacity:.5;margin:0;padding:0;top:0;left:0;display:none;z-index:9500}button.modalCloseButton{position:absolute;top:5px;right:5px}button.modal-button{margin-right:5px}div.able-modal-dialog button:focus,div.able-modal-dialog button:hover,div.able-modal-dialog input:focus,div.able-modal-dialog input:hover{outline-style:solid;outline-width:2px}div.able-modal-dialog button:hover,div.able-modal-dialog input:hover{outline-color:#8ab839}div.able-modal-dialog button:focus,div.able-modal-dialog input:focus{outline-color:#ffbb37}div.able-modal-dialog h1{font-weight:700;font-size:1.8em;line-height:1.2em;margin:.75em 0;color:#000;text-align:center}.able-help-div,.able-prefs-form,.able-resize-form{background-color:#f5f5f5;border:medium solid #ccc;padding:.5em 1em;margin:0 0 0 1em;width:25em;display:none}.able-prefs-form div[role=group]{margin:1em 0;padding:0;border:none}.able-prefs-form h2{color:#000;font-weight:700;font-size:1.1em}.able-prefs-form div[role=group]>div{display:table;margin-left:1em}.able-prefs-form div[role=group]>div>input{display:table-cell;width:1em;vertical-align:middle}.able-prefs-form div[role=group]>div>label{display:table-cell;padding-left:.5em}.able-desc-pref-prompt{font-weight:700;font-style:italic;margin-left:1em!important}.able-prefDescFormat>div{margin-left:1.5em}.able-prefs-captions label,.able-prefs-captions select{display:block;float:left;margin-bottom:.25em}.able-prefs-captions label{width:6em;text-align:right;padding-right:1em}.able-prefs-captions select{width:10em;font-size:.9em;border-radius:none}.able-prefs-descriptions>div.able-prefs-select{margin:.5em 1em}.able-prefs-descriptions>div.able-prefs-select>label,.able-prefs-descriptions>div.able-prefs-slider>label{width:6em;text-align:right;padding-right:1em}.able-prefs-descriptions>div.able-prefs-select>select,.able-prefs-descriptions>div.able-prefs-slider>select{width:10em;font-size:.9em;border-radius:none}div.able-prefDescPause{margin-top:1em}.able-prefs-form div.able-captions-sample{padding:.5em;text-align:center}.able-prefs-form div.able-desc-sample{padding:.5em;text-align:center;color:#fff;background-color:#000}.able-prefs-form h2{margin-top:0;margin-bottom:.5em;font-size:1.1em}.able-prefs-form ul{margin-top:0}able-prefs-form-keyboard ul{list-style-type:none}span.able-modkey-alt,span.able-modkey-ctrl,span.able-modkey-shift{color:#666;font-style:italic}span.able-modkey{font-weight:700;color:#000;font-size:1.1em}.able-resize-form h1{font-size:1.15em}.able-resize-form div div{margin:1em}.able-resize-form label{padding-right:.5em;font-weight:700}.able-resize-form input[type=text]{font-size:1em}.able-resize-form input[readonly]{color:#aaa}.able-window-toolbar{background-color:#464646;min-height:15px;padding:10px;border-style:solid;border-width:0 0 1px 0}.able-draggable:hover{cursor:move}.able-window-toolbar .able-button-handler-preferences{position:absolute;top:0;right:0;font-size:1.5em;background-color:transparent;border:none;outline:0;padding:0;z-index:9300}.able-window-toolbar .able-button-handler-preferences:focus,.able-window-toolbar .able-button-handler-preferences:hover{outline-style:solid;outline-width:medium}.able-window-toolbar .able-button-handler-preferences:hover{outline-color:#8ab839!important}.able-window-toolbar .able-button-handler-preferences:focus{outline-color:#ffbb37!important}.able-window-toolbar .able-popup{position:absolute;cursor:default;right:0;top:0;display:block}.able-drag{border:2px dashed #f90;cursor:move}.able-resizable{position:absolute;width:20px;height:20px;padding:5px 2px;bottom:0;right:0;cursor:nwse-resize}.able-resizable svg line{stroke:#595959;stroke-width:2px}.able-sign-window{position:relative;margin:1em;z-index:8000}.able-sign-window video{width:100%}.able-sign-window:focus{outline:0}div.able-chapters-div{padding:0}div.able-chapters-div .able-chapters-heading{margin:1em .75em;font-size:1.1em;font-weight:700}div.able-chapters-div ul{list-style-type:none;padding-left:0}div.able-chapters-div ul li{max-width:100%;padding:0;height:2em}div.able-chapters-div button{width:100%;height:100%;border:none;background-color:transparent;color:#000;font-size:1em;text-align:left;padding:.15em 1em}div.able-chapters-div li.able-current-chapter{background-color:#000!important}div.able-chapters-div li.able-current-chapter button{color:#fff!important}div.able-chapters-div li.able-focus{background-color:#4c4c4c}div.able-chapters-div button::-moz-focus-inner,div.able-chapters-div button:focus,div.able-chapters-div button:hover{border:0;outline:0;color:#fff!important}div.able-wrapper.fullscreen{margin:0!important;position:fixed!important;top:0!important;background:0 0!important}.able-alert,.able-tooltip{position:absolute;padding:5px 10px;border-color:#000;border-width:1px;color:#000!important;background-color:#ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block}.able-alert{background-color:#ffc;box-shadow:0 0 16px #262626;z-index:9400;position:absolute;top:1em}.able-popup{z-index:9200}.able-tooltip{z-index:9000}.able-popup{position:absolute;margin:0;padding:0;border-color:#000;border-width:1px;background-color:#000;opacity:.85;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;cursor:default}ul.able-popup{list-style-type:none}.able-popup li{padding:.25em 1em .25em .25em;margin:1px;width:auto;color:#fff}.able-popup li.able-focus{background-color:#ccc;color:#000}.able-popup-captions li{padding-left:1em}.able-popup-captions li[aria-checked=true]{padding-left:0}.able-popup-captions li[aria-checked=true]::before{content:"\2713  "}.able-transcript-area{border-width:1px;border-style:solid;height:400px;z-index:7000;outline:0;padding-bottom:25px;background-color:#fff}.able-transcript{position:relative;overflow-y:scroll;padding-left:5%;padding-right:5%;background-color:#fff;height:350px}.able-transcript div{margin:1em 0}.able-transcript-heading{font-size:1.4em;font-weight:700;margin:1em 0;padding:0}.able-transcript-chapter-heading{font-size:1.2em;font-weight:700;margin:0;padding:0}.able-transcript div.able-transcript-desc{background-color:#fee;border:thin solid #336;font-style:italic;padding:1em}.able-transcript .able-unspoken{font-weight:700}.able-transcript .able-hidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.able-highlight,.able-highlight span:active,.able-highlight span:focus,.able-highlight span:hover{background-color:#000!important;color:#fff!important;padding:.25em .1em;border:none;outline:0}.able-previous{background:#000!important;font-style:italic}.able-transcript span:active,.able-transcript span:focus,.able-transcript span:hover{background:#ffc;color:#000;border:none;outline:0;border-bottom:1px solid #000;cursor:pointer}.able-window-toolbar label{display:inline;margin-right:10px;color:#fff}.able-controller div[role=button]:focus,.able-controller div[role=button]:hover,.able-controller input:focus,.able-controller input:hover,.able-seekbar-head:focus,.able-seekbar-head:hover,.able-window-toolbar input:focus,.able-window-toolbar input:hover,.able-window-toolbar select:focus,.able-window-toolbar select:hover{outline-style:solid;outline-width:2px}.able-controller div[role=button]:focus,.able-controller input:focus,.able-seekbar-head:focus,.able-window-toolbar input:focus,.able-window-toolbar select:focus{outline-color:#ffbb37}.able-controller div[role=button]:hover,.able-controller input:hover,.able-seekbar-head:hover,.able-window-toolbar input:hover,.able-window-toolbar select:hover{outline-color:#8ab839}.able-window-toolbar .transcript-language-select-wrapper{float:right;padding-right:30px}.able-playlist{list-style-type:none;margin:0;background-color:#fff;padding:5px 0}.able-playlist li{background-color:#ddd;margin:5px;padding:0;border:2px solid #aaa;border-radius:5px;width:auto;max-width:100%}.able-playlist li button{border:none;color:#000;background-color:transparent;font-size:1em;width:100%;padding:5px 10px;text-align:left}.able-playlist li button:active,.able-playlist li button:focus,.able-playlist li button:hover{background-color:#ffeeb3;color:#000;text-decoration:none;outline:0}.able-playlist li button::-moz-focus-inner{border:0}.able-playlist li button img{width:100px;float:left;margin-right:10px}.able-playlist li.able-current{background-color:#340449;border-color:#230330}.able-playlist li.able-current button{color:#fff;font-weight:700;text-decoration:none;outline:0}.able-playlist li.able-current button:active,.able-playlist li.able-current button:focus,.able-playlist li.able-current button:hover{color:#000}#able-search-term-echo{font-weight:700;font-style:italic}.able-search-results ul li{font-size:1.1em;margin-bottom:1em}button.able-search-results-time{font-size:1em;font-weight:700;cursor:pointer}button.able-search-results-time:active,button.able-search-results-time:focus,button.able-search-results-time:hover{color:#fff;background-color:#000}.able-search-results-text{padding-left:1em}.able-search-term{background-color:#ffc;font-weight:700}#search-term{font-weight:700;font-style:italic}#able-vts-instructions{margin-bottom:1.5em;padding:1em;border:1px solid #999;width:720px;max-width:90%}#able-vts fieldset{margin:1em;border:none}#able-vts fieldset legend{color:#000;font-weight:700}#able-vts fieldset div{float:left;padding-right:1em}#able-vts table{clear:left}#able-vts table,#able-vts table td,#able-vts table th{border:1px solid #000;border-collapse:collapse;padding:.5em .75em}#able-vts table th.actions{min-width:140px}#able-vts table td button{width:auto;padding:0;margin:2px}#able-vts table td button svg{width:16px;height:16px}#able-vts table button:hover svg{fill:#c00}tr.kind-chapters,tr.kind-subtitles{background-color:#fff}tr.kind-descriptions{background-color:#fee}tr.kind-chapters{background-color:#e6ffe6}.able-vts-dragging{background-color:#ffc}div#able-vts-icon-credit{margin:1em}div#able-vts-alert{display:none;position:fixed;top:5px;left:5px;border:2px solid #666;background-color:#ffc;padding:1em;font-weight:700;z-index:9400}button#able-vts-save{font-size:1em;padding:.25em;border-radius:5px;margin-bottom:1em;font-weight:700}button#able-vts-save:focus,button#able-vts-save:hover{color:#fff;background-color:#060}.able-vts-output-instructions{width:720px;max-width:90%}#able-vts textarea{height:200px;width:720px;max-width:90%}.able-clipped,.able-screenreader-alert{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);width:1px!important;height:1px!important;overflow:hidden!important}.able-error{display:block;background:#ffc;border:2px solid #000;color:red;margin:.75em;padding:.5em}.able-fallback{display:block;text-align:center;border:2px solid #335;background-color:#eee;color:#000;font-weight:700;font-size:1.1em;padding:1em;margin-bottom:1em;max-width:500px;width:95%}.able-fallback div,.able-fallback p,.able-fallback ul{text-align:left}.able-fallback li{font-weight:400}.able-fallback img{width:90%;margin:1em auto;opacity:.3}.able-fallback img.able-poster{position:relative}.able-modal-dialog button svg,.able-modal-dialog div[role=button] svg,.able-wrapper button svg,.able-wrapper div[role=button] svg{display:inline-block;width:1em;height:1em;fill:currentColor}div.able-skin-2020 div.able-seekbar-wrapper{width:99%;margin:10px 3px}@font-face{font-family:able;src:url(../button-icons/fonts/able.eot?dqripi);src:url(../button-icons/fonts/able.eot?dqripi#iefix) format('embedded-opentype'),url(../button-icons/fonts/able.ttf?dqripi) format('truetype'),url(../button-icons/fonts/able.woff?dqripi) format('woff'),url(../button-icons/fonts/able.svg?dqripi#able) format('svg');font-weight:400;font-style:normal}.able-wrapper [class*=" icon-"],.able-wrapper [class^=icon-]{font-family:able!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-restart:before{content:"\e900"}.icon-rewind:before{content:"\e603"}.icon-forward:before{content:"\e604"}.icon-previous:before{content:"\e901"}.icon-next:before{content:"\e902"}.icon-slower:before{content:"\f0dd"}.icon-faster:before{content:"\f0de"}.icon-turtle:before{content:"\e904"}.icon-rabbit:before{content:"\e905"}.icon-ellipsis:before{content:"\e903"}.icon-pipe:before{content:"\e600"}.icon-captions:before{content:"\e601"}.icon-descriptions:before{content:"\e602"}.icon-sign:before{content:"\e60a"}.icon-volume-mute:before{content:"\e606"}.icon-volume-soft:before{content:"\e60c"}.icon-volume-medium:before{content:"\e605"}.icon-volume-loud:before{content:"\e60b"}.icon-volume-up:before{content:"\e607"}.icon-volume-down:before{content:"\e608"}.icon-chapters:before{content:"\e609"}.icon-transcript:before{content:"\f15c"}.icon-preferences:before{content:"\e60d"}.icon-close:before{content:"\f00d"}.icon-fullscreen-expand:before{content:"\f065"}.icon-fullscreen-collapse:before{content:"\f066"}.icon-help:before{content:"\f128"}
\ No newline at end of file
+.able-wrapper{position:relative;margin:1em 0;padding:0;max-width:100%;height:auto;box-sizing:content-box!important;text-align:left}.able{position:relative;margin:0;padding:0;width:100%;background-color:#000;box-shadow:0 0 16px #262626;z-index:5000}.able-column-left{float:left}.able-column-right{float:left}.able .able-vidcap-container{background-color:#000;left:0;margin:0;position:relative;top:0}.able .able-audcap-container{background-color:#000;position:relative;margin:0;padding:1.5em .25em}.able-player{font-family:Arial,Helvetica,sans-serif;background-color:#262626}.able-audio{padding-top:1em}.able-offscreen{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.able-media-container audio{display:none!important}.able-controller{position:relative;border-bottom:1px solid #4c4c4c;background-color:#464646;min-height:38px;padding:0}.able-poster{position:absolute;top:0;left:0;width:100%!important;height:auto!important}.able .able-vidcap-container{overflow:visible}.able .able-vidcap-container video{max-width:100%}.able-media-container iframe{max-width:100%}.able-big-play-button{position:absolute;font-size:8em;color:#fdfdfd;background-color:transparent;border:none;outline:0;left:0;top:0;padding:0;z-index:6500;opacity:.75}.able-big-play-button:focus,.able-big-play-button:hover{opacity:100}.able-big-play-button .icon-play,.able-big-play-button svg{background-color:#000;padding:1rem 2rem}.able-big-play-button:hover .icon-play,.able-big-play-button:hover svg{outline-style:solid;outline-width:medium;outline-color:#8ab839!important}.able-big-play-button:focus .icon-play,.able-big-play-button:focus svg{outline-style:solid;outline-width:medium;outline-color:#ffbb37!important}.able-left-controls,.able-right-controls{overflow:visible}.able-left-controls div[role=button],.able-right-controls div[role=button]{vertical-align:middle}.able-left-controls{float:left}.able-right-controls{float:right}.able-black-controls,.able-black-controls div[role=button],.able-black-controls label{color:#000!important}.able-black-controls .able-seekbar{border:1px solid #000}.able-black-controls label,.able-white-controls,.able-white-controls div[role=button]{color:#fff!important}.able-white-controls .able-seekbar{border:1px solid #fff}.able-controller div[role=button]{background:0 0;position:relative;display:inline-block;border-style:none;margin:3px;padding:0;font-size:20px;min-width:24px;border:none;overflow:visible!important;z-index:6600}.able-controller div[role=button]>img,.able-controller div[role=button]>span{width:20px;margin:0 auto;padding:0;z-index:6700}.able-controller .buttonOff{opacity:.5;z-index:6800}.able-controller .able-seekbar{margin:0 5px;z-index:6900}.able-controller div[role=button]:focus,.able-controller div[role=button]:hover{outline-style:solid;outline-width:medium}.able-controller div[role=button]:hover{outline-color:#8ab839!important}.able-controller div[role=button]:focus{outline-color:#ffbb37!important}.able-controller button::-moz-focus-inner,.able-search-results button::-moz-focus-inner{border:0}.able-seekbar-wrapper{display:inline-block;vertical-align:middle}.able-seekbar{position:relative;height:.5em;border:1px solid;background-color:#000;margin:0 3px;border-style:solid;border-width:2px;border-color:#fff}.able-seekbar-loaded{display:inline-block;position:absolute;left:0;top:0;height:.5em;background-color:#464646;z-index:5100}.able-seekbar-played{display:inline-block;position:absolute;left:0;top:0;height:.5em;background-color:#dadada;z-index:5200}.able-seekbar-head{display:inline-block;position:relative;left:0;top:-.4em;background-color:#fdfdfd;width:.8em;height:.8em;border:1px solid;border-radius:.8em;z-index:5500}.able-volume-slider{width:34px;height:80px;background-color:#464646;margin:0;padding:5px 0;position:absolute;right:0;bottom:60px;display:block;z-index:9100}.able-volume-help{display:none}.able-volume-slider input[type=range]{appearance:slider-vertical;writing-mode:bt-rl;width:28px;height:100%;background:0 0}.able-volume-slider input[type=range]::-moz-range-track{border:1px solid #fff;width:7px;cursor:pointer;background:#000}input[type=range]::-moz-range-thumb{background-color:#fdfdfd;outline:1px solid #333;height:16px;width:24px;z-index:9175}.able-status-bar{height:1.5em;min-height:1.5em;color:#ccc;font-size:.9em;background-color:transparent;padding:.5em .5em .25em}.able-status-bar span.able-timer{text-align:left;float:left;width:32%}.able-status-bar span.able-speed{float:left;width:33%;text-align:center}.able-status{font-style:italic;float:right;width:32%;text-align:right}div.able-captions-wrapper{width:100%;margin:0;padding:0;text-align:center;display:block;z-index:6000}div.able-captions{display:none;padding:.15em .25em;line-height:1.35em;background-color:#000;font-size:1em;color:#fff;opacity:.75}div.able-vidcap-container div.able-captions-overlay{position:absolute;margin:0;bottom:.5em}div.able-vidcap-container div.able-captions-below{position:relative;min-height:3.2em}div.able-audcap-container.captions-off{display:none}div.able-descriptions{position:relative;color:#ff6;background-color:#262626;min-height:2.8em;border-top:1px solid #666;margin:0;padding:3%;width:94%;text-align:center}div.able-now-playing{text-align:center;font-weight:700;font-size:1.1em;color:#fff;background-color:transparent;padding:.5em .5em 1em}div.able-now-playing span{font-size:.9em}div.able-now-playing span span{display:block}div.able-video div.able-now-playing{display:none}div.able-modal-dialog{position:absolute;height:auto;max-width:90%;margin-left:auto;margin-right:auto;top:5%;left:0;right:0;outline:0 none;display:none;color:#000;background-color:#fafafa;box-sizing:content-box!important;z-index:10000;max-height:90%;overflow:scroll}@supports (transform:translate(-50%,-50%)){div.able-modal-dialog{top:50%;left:50%;transform:translate(-50%,-50%)!important}}div.able-modal-overlay{position:fixed;width:100%;height:100%;background-color:#000;opacity:.5;margin:0;padding:0;top:0;left:0;display:none;z-index:9500}button.modalCloseButton{position:absolute;top:5px;right:5px}button.modal-button{margin-right:5px}div.able-modal-dialog button:focus,div.able-modal-dialog button:hover,div.able-modal-dialog input:focus,div.able-modal-dialog input:hover{outline-style:solid;outline-width:2px}div.able-modal-dialog button:hover,div.able-modal-dialog input:hover{outline-color:#8ab839}div.able-modal-dialog button:focus,div.able-modal-dialog input:focus{outline-color:#ffbb37}div.able-modal-dialog h1{font-weight:700;font-size:1.8em;line-height:1.2em;margin:.75em 0;color:#000;text-align:center}.able-help-div,.able-prefs-form,.able-resize-form{background-color:#f5f5f5;border:medium solid #ccc;padding:.5em 1em;margin:0 0 0 1em;width:25em;display:none}.able-prefs-form div[role=group]{margin:1em 0;padding:0;border:none}.able-prefs-form h2{color:#000;font-weight:700;font-size:1.1em}.able-prefs-form div[role=group]>div{display:table;margin-left:1em}.able-prefs-form div[role=group]>div>input{display:table-cell;width:1em;vertical-align:middle}.able-prefs-form div[role=group]>div>label{display:table-cell;padding-left:.5em}.able-desc-pref-prompt{font-weight:700;font-style:italic;margin-left:1em!important}.able-prefDescFormat>div{margin-left:1.5em}.able-prefs-captions label,.able-prefs-captions select{display:block;float:left;margin-bottom:.25em}.able-prefs-captions label{width:6em;text-align:right;padding-right:1em}.able-prefs-captions select{width:10em;font-size:.9em;border-radius:none}.able-prefs-descriptions>div.able-prefs-select{margin:.5em 1em}.able-prefs-descriptions>div.able-prefs-select>label,.able-prefs-descriptions>div.able-prefs-slider>label{width:6em;text-align:right;padding-right:1em}.able-prefs-descriptions>div.able-prefs-select>select,.able-prefs-descriptions>div.able-prefs-slider>select{width:10em;font-size:.9em;border-radius:none}div.able-prefDescPause{margin-top:1em}.able-prefs-form div.able-captions-sample{padding:.5em;text-align:center}.able-prefs-form div.able-desc-sample{padding:.5em;text-align:center;color:#fff;background-color:#000}.able-prefs-form h2{margin-top:0;margin-bottom:.5em;font-size:1.1em}.able-prefs-form ul{margin-top:0}able-prefs-form-keyboard ul{list-style-type:none}span.able-modkey-alt,span.able-modkey-ctrl,span.able-modkey-shift{color:#666;font-style:italic}span.able-modkey{font-weight:700;color:#000;font-size:1.1em}.able-resize-form h1{font-size:1.15em}.able-resize-form div div{margin:1em}.able-resize-form label{padding-right:.5em;font-weight:700}.able-resize-form input[type=text]{font-size:1em}.able-resize-form input[readonly]{color:#aaa}.able-window-toolbar{background-color:#464646;min-height:15px;padding:10px;border-style:solid;border-width:0 0 1px 0}.able-draggable:hover{cursor:move}.able-window-toolbar .able-button-handler-preferences{position:absolute;top:0;right:0;font-size:1.5em;background-color:transparent;border:none;outline:0;padding:0;z-index:9300}.able-window-toolbar .able-button-handler-preferences:focus,.able-window-toolbar .able-button-handler-preferences:hover{outline-style:solid;outline-width:medium}.able-window-toolbar .able-button-handler-preferences:hover{outline-color:#8ab839!important}.able-window-toolbar .able-button-handler-preferences:focus{outline-color:#ffbb37!important}.able-window-toolbar .able-popup{position:absolute;cursor:default;right:0;top:0;display:block}.able-drag{border:2px dashed #f90;cursor:move}.able-resizable{position:absolute;width:20px;height:20px;padding:5px 2px;bottom:0;right:0;cursor:nwse-resize}.able-resizable svg line{stroke:#595959;stroke-width:2px}.able-sign-window{position:relative;margin:1em;z-index:8000}.able-sign-window video{width:100%}.able-sign-window:focus{outline:0}div.able-chapters-div{padding:0}div.able-chapters-div .able-chapters-heading{margin:1em .75em;font-size:1.1em;font-weight:700}div.able-chapters-div ul{list-style-type:none;padding-left:0}div.able-chapters-div ul li{max-width:100%;padding:0;height:2em}div.able-chapters-div button{width:100%;height:100%;border:none;background-color:transparent;color:#000;font-size:1em;text-align:left;padding:.15em 1em}div.able-chapters-div li.able-current-chapter{background-color:#000!important}div.able-chapters-div li.able-current-chapter button{color:#fff!important}div.able-chapters-div li.able-focus{background-color:#4c4c4c}div.able-chapters-div button::-moz-focus-inner,div.able-chapters-div button:focus,div.able-chapters-div button:hover{border:0;outline:0;color:#fff!important}div.able-wrapper.fullscreen{margin:0!important;position:fixed!important;top:0!important;background:0 0!important}.able-alert,.able-tooltip{position:absolute;padding:5px 10px;border-color:#000;border-width:1px;color:#000!important;background-color:#ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block}.able-alert{background-color:#ffc;box-shadow:0 0 16px #262626;z-index:9400;position:absolute;top:1em}.able-popup{z-index:9200}.able-tooltip{z-index:9000}.able-popup{position:absolute;margin:0;padding:0;border-color:#000;border-width:1px;background-color:#000;opacity:.85;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;cursor:default}ul.able-popup{list-style-type:none}.able-popup li{padding:.25em 1em .25em .25em;margin:1px;width:auto;color:#fff}.able-popup li.able-focus{background-color:#ccc;color:#000}.able-popup-captions li{padding-left:1em}.able-popup-captions li[aria-checked=true]{padding-left:0}.able-popup-captions li[aria-checked=true]::before{content:"\2713  "}.able-transcript-area{border-width:1px;border-style:solid;height:400px;z-index:7000;outline:0;padding-bottom:25px;background-color:#fff}.able-transcript{position:relative;overflow-y:scroll;padding-left:5%;padding-right:5%;background-color:#fff;height:350px}.able-transcript div{margin:1em 0}.able-transcript-heading{font-size:1.4em;font-weight:700;margin:1em 0;padding:0}.able-transcript-chapter-heading{font-size:1.2em;font-weight:700;margin:0;padding:0}.able-transcript div.able-transcript-desc{background-color:#fee;border:thin solid #336;font-style:italic;padding:1em}.able-transcript .able-unspoken{font-weight:700}.able-transcript .able-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px)}.able-highlight,.able-highlight span:active,.able-highlight span:focus,.able-highlight span:hover{background-color:#000!important;color:#fff!important;padding:.25em .1em;border:none;outline:0}.able-previous{background:#000!important;font-style:italic}.able-transcript span:active,.able-transcript span:focus,.able-transcript span:hover{background:#ffc;color:#000;border:none;outline:0;border-bottom:1px solid #000;cursor:pointer}.able-window-toolbar label{display:inline;margin-right:10px;color:#fff}.able-controller div[role=button]:focus,.able-controller div[role=button]:hover,.able-controller input:focus,.able-controller input:hover,.able-seekbar-head:focus,.able-seekbar-head:hover,.able-window-toolbar input:focus,.able-window-toolbar input:hover,.able-window-toolbar select:focus,.able-window-toolbar select:hover{outline-style:solid;outline-width:2px}.able-controller div[role=button]:focus,.able-controller input:focus,.able-seekbar-head:focus,.able-window-toolbar input:focus,.able-window-toolbar select:focus{outline-color:#ffbb37}.able-controller div[role=button]:hover,.able-controller input:hover,.able-seekbar-head:hover,.able-window-toolbar input:hover,.able-window-toolbar select:hover{outline-color:#8ab839}.able-window-toolbar .transcript-language-select-wrapper{float:right;padding-right:30px}.able-playlist{list-style-type:none;margin:0;background-color:#fff;padding:5px 0}.able-playlist li{background-color:#ddd;margin:5px;padding:0;border:2px solid #aaa;border-radius:5px;width:auto;max-width:100%}.able-playlist li button{border:none;color:#000;background-color:transparent;font-size:1em;width:100%;padding:5px 10px;text-align:left}.able-playlist li button:active,.able-playlist li button:focus,.able-playlist li button:hover{background-color:#ffeeb3;color:#000;text-decoration:none;outline:0}.able-playlist li button::-moz-focus-inner{border:0}.able-playlist li button img{width:100px;float:left;margin-right:10px}.able-playlist li.able-current{background-color:#340449;border-color:#230330}.able-playlist li.able-current button{color:#fff;font-weight:700;text-decoration:none;outline:0}.able-playlist li.able-current button:active,.able-playlist li.able-current button:focus,.able-playlist li.able-current button:hover{color:#000}#able-search-term-echo{font-weight:700;font-style:italic}.able-search-results ul li{font-size:1.1em;margin-bottom:1em}button.able-search-results-time{font-size:1em;font-weight:700;cursor:pointer}button.able-search-results-time:active,button.able-search-results-time:focus,button.able-search-results-time:hover{color:#fff;background-color:#000}.able-search-results-text{padding-left:1em}.able-search-term{background-color:#ffc;font-weight:700}#search-term{font-weight:700;font-style:italic}#able-vts-instructions{margin-bottom:1.5em;padding:1em;border:1px solid #999;width:720px;max-width:90%}#able-vts fieldset{margin:1em;border:none}#able-vts fieldset legend{color:#000;font-weight:700}#able-vts fieldset div{float:left;padding-right:1em}#able-vts table{clear:left}#able-vts table,#able-vts table td,#able-vts table th{border:1px solid #000;border-collapse:collapse;padding:.5em .75em}#able-vts table th.actions{min-width:140px}#able-vts table td button{width:auto;padding:0;margin:2px}#able-vts table td button svg{width:16px;height:16px}#able-vts table button:hover svg{fill:#c00}tr.kind-chapters,tr.kind-subtitles{background-color:#fff}tr.kind-descriptions{background-color:#fee}tr.kind-chapters{background-color:#e6ffe6}.able-vts-dragging{background-color:#ffc}div#able-vts-icon-credit{margin:1em}div#able-vts-alert{display:none;position:fixed;top:5px;left:5px;border:2px solid #666;background-color:#ffc;padding:1em;font-weight:700;z-index:9400}button#able-vts-save{font-size:1em;padding:.25em;border-radius:5px;margin-bottom:1em;font-weight:700}button#able-vts-save:focus,button#able-vts-save:hover{color:#fff;background-color:#060}.able-vts-output-instructions{width:720px;max-width:90%}#able-vts textarea{height:200px;width:720px;max-width:90%}.able-clipped,.able-screenreader-alert{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px!important;height:1px!important;overflow:hidden!important}.able-error{display:block;background:#ffc;border:2px solid #000;color:red;margin:.75em;padding:.5em}.able-fallback{display:block;text-align:center;border:2px solid #335;background-color:#eee;color:#000;font-weight:700;font-size:1.1em;padding:1em;margin-bottom:1em;max-width:500px;width:95%}.able-fallback div,.able-fallback p,.able-fallback ul{text-align:left}.able-fallback li{font-weight:400}.able-fallback img{width:90%;margin:1em auto;opacity:.3}.able-fallback img.able-poster{position:relative}.able-modal-dialog button svg,.able-modal-dialog div[role=button] svg,.able-wrapper button svg,.able-wrapper div[role=button] svg{display:inline-block;width:1em;height:1em;fill:currentColor}div.able-skin-2020 div.able-seekbar-wrapper{width:99%;margin:10px 3px}@font-face{font-family:able;src:url(../button-icons/fonts/able.eot?dqripi);src:url(../button-icons/fonts/able.eot?dqripi#iefix) format('embedded-opentype'),url(../button-icons/fonts/able.ttf?dqripi) format('truetype'),url(../button-icons/fonts/able.woff?dqripi) format('woff'),url(../button-icons/fonts/able.svg?dqripi#able) format('svg');font-weight:400;font-style:normal}.able-wrapper [class*=" icon-"],.able-wrapper [class^=icon-]{font-family:able!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-restart:before{content:"\e900"}.icon-rewind:before{content:"\e603"}.icon-forward:before{content:"\e604"}.icon-previous:before{content:"\e901"}.icon-next:before{content:"\e902"}.icon-slower:before{content:"\f0dd"}.icon-faster:before{content:"\f0de"}.icon-turtle:before{content:"\e904"}.icon-rabbit:before{content:"\e905"}.icon-ellipsis:before{content:"\e903"}.icon-pipe:before{content:"\e600"}.icon-captions:before{content:"\e601"}.icon-descriptions:before{content:"\e602"}.icon-sign:before{content:"\e60a"}.icon-volume-mute:before{content:"\e606"}.icon-volume-soft:before{content:"\e60c"}.icon-volume-medium:before{content:"\e605"}.icon-volume-loud:before{content:"\e60b"}.icon-volume-up:before{content:"\e607"}.icon-volume-down:before{content:"\e608"}.icon-chapters:before{content:"\e609"}.icon-transcript:before{content:"\f15c"}.icon-preferences:before{content:"\e60d"}.icon-close:before{content:"\f00d"}.icon-fullscreen-expand:before{content:"\f065"}.icon-fullscreen-collapse:before{content:"\f066"}.icon-help:before{content:"\f128"}
\ No newline at end of file
diff --git a/demos/audio1.html b/demos/audio1.html
index 1412e100..b2fa8b34 100644
--- a/demos/audio1.html
+++ b/demos/audio1.html
@@ -30,7 +30,7 @@
 	<main>
 		<h1>Audio with One Track</h1>
 
-		<audio id="audio1" width="480" preload="auto" data-able-player data-skin="2020">
+		<audio id="audio1" width="480" preload="auto" data-able-player>
 			<source type="audio/mpeg" src="../media/smallf.mp3"/>
 			<source type="audio/ogg" src="../media/smallf.ogg"/>
 		</audio>
diff --git a/demos/audio3.html b/demos/audio3.html
index b9a0a696..4a5de1f4 100644
--- a/demos/audio3.html
+++ b/demos/audio3.html
@@ -39,7 +39,7 @@ <h1>Audio with non-zero Start Time</h1>
 <p>For additional demos see the <a href="index.html">Index of <em>Able Player</em> Examples</a>.</p>
 
 <!-- use the following markup for each media element -->
-<audio id="audio1" width="480" preload="auto" data-able-player data-skin="2020" data-start-time="140" autoplay>
+<audio id="audio1" width="480" preload="auto" data-able-player data-start-time="140" autoplay>
 	<source type="audio/mpeg" src="../media/smallf.mp3"/>
 	<source type="audio/ogg" src="../media/smallf.ogg"/>
 </audio>
diff --git a/demos/audio4.html b/demos/audio4.html
index c36e3366..8e66a91a 100644
--- a/demos/audio4.html
+++ b/demos/audio4.html
@@ -44,7 +44,7 @@ <h1>Audio in "Lyrics Mode"</h1>
 </ul>
 
 <!-- use the following markup for each media element -->
-<audio id="audio1" width="480" class="ump-media" preload="auto" data-able-player data-skin="2020" data-lyrics-mode data-transcript-title="Sing along!">
+<audio id="audio1" width="480" class="ump-media" preload="auto" data-able-player data-lyrics-mode data-transcript-title="Sing along!">
 	<source type="audio/mpeg" src="../media/frenchsong.mp3"/>
 	<source type="audio/ogg" src="../media/frenchsong.ogg"/>
 	<track kind="captions" src="../media/frenchsong_captions_fr.vtt" srclang="fr" label="Français" default/>
diff --git a/demos/deadline.html b/demos/deadline.html
index fea39779..192743a4 100644
--- a/demos/deadline.html
+++ b/demos/deadline.html
@@ -28,7 +28,7 @@ <h1>The Deadline: Open Video with Accessibility Enhancements</h1>
 
 <p>For additional demos see the <a href="index.html">Index of <em>Able Player</em> Examples</a>.</p>
 
-<video id="video1" preload="auto" width="800" height="450" data-able-player data-skin="2020" poster="../media/deadline.jpg" playsinline>
+<video id="video1" preload="auto" width="800" height="450" data-able-player poster="../media/deadline.jpg" playsinline>
 	<source type="video/mp4" src="../media/deadline.mp4" data-desc-src="../media/deadline_desc.mp4"/>
 	<track kind="captions" src="../media/deadline_captions_en.vtt" srclang="en" label="English" default/>
 	<track kind="captions" src="../media/deadline_captions_ar.vtt" srclang="ar" label="Arabic"/>
diff --git a/demos/desc1.html b/demos/desc1.html
index 53859406..c19da66c 100644
--- a/demos/desc1.html
+++ b/demos/desc1.html
@@ -37,7 +37,7 @@ <h1>Audio description via VTT track, read by browsers</h1>
 		<p>For browsers that do not support the Web Speech API, description text will be written to an ARIA live region on the web page, and will be read aloud by screen readers.</p>
 
 		<!-- use the following markup for each media element -->
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" playsinline>
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player playsinline>
 			<source type="video/mp4" src="../media/wwa.mp4"/>
 			<source type="video/webm" src="../media/wwa.webm"/>
 			<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/desc2.html b/demos/desc2.html
index b64d0425..06f71255 100644
--- a/demos/desc2.html
+++ b/demos/desc2.html
@@ -48,7 +48,7 @@ <h1>Audio description via VTT track, read by screen readers</h1>
 			where few if any voices are available through the Web Speech API. </p> 
 			
 		<!-- use the following markup for each media element -->
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" playsinline data-desc-reader="screenreader">
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player playsinline data-desc-reader="screenreader">
 			<source type="video/mp4" src="../media/wwa.mp4"/>
 			<source type="video/webm" src="../media/wwa.webm"/>
 			<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/desc3.html b/demos/desc3.html
index 4190e0f8..b0b60da5 100644
--- a/demos/desc3.html
+++ b/demos/desc3.html
@@ -41,7 +41,7 @@ <h1>Audio description via video swap</h1>
 			in a WebVTT descriptions track.
 		</p>
 
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" playsinline>
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player playsinline>
 			<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4"/>
 			<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm"/>
 			<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en" label="English captions"/>
diff --git a/demos/desc4.html b/demos/desc4.html
index c3f9c0be..6e380cf3 100644
--- a/demos/desc4.html
+++ b/demos/desc4.html
@@ -53,7 +53,7 @@ <h1>Extended audio description via video swap</h1>
 		</ul>
 
 		<div id="demoWrapper">
-		<video id="video1" preload="auto" poster="../media/itaccess.jpg" width="1280" height="720" data-able-player data-skin="2020" playsinline>
+		<video id="video1" preload="auto" poster="../media/itaccess.jpg" width="1280" height="720" data-able-player playsinline>
 			<source type="video/mp4" src="../media/itaccess-excerpt.mp4" data-desc-src="../media/itaccess-excerpt-described.mp4"/>
 			<!-- captions and chapters for the non-described version -->
 			<track kind="captions" src="../media/itaccess-excerpt-captions_en.vtt" srclang="en" label="English"/>
diff --git a/demos/external1.html b/demos/external1.html
index 9046516b..51e3fb50 100644
--- a/demos/external1.html
+++ b/demos/external1.html
@@ -64,7 +64,7 @@ <h1>Transcript in an external container</h1>
 		<div id="wrapper">
 
 			<div id="player">
-				<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" data-transcript-div="transcript" playsinline>
+				<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-transcript-div="transcript" playsinline>
 					<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4"/>
 					<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm"/>
 					<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/external2.html b/demos/external2.html
index 9e27de67..1ae13886 100644
--- a/demos/external2.html
+++ b/demos/external2.html
@@ -68,7 +68,7 @@ <h1>Manually coded external transcript</h1>
 
 		<div id="wrapper">
 			<div id="player">
-				<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" data-transcript-src="transcript" playsinline>
+				<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-transcript-src="transcript" playsinline>
 					<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4"/>
 					<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm"/>
 					<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/external3.html b/demos/external3.html
index 86e1e139..cda6c4fb 100644
--- a/demos/external3.html
+++ b/demos/external3.html
@@ -74,7 +74,7 @@ <h1>Chapters in an external container</h1>
 		<div id="wrapper">
 			<div id="chapters"></div>
 			<div id="player">
-				<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" data-chapters-div="chapters" data-use-chapters-button="false" data-chapters-title="Table of Contents" data-chapters-default="Chapter 2" data-seekbar-scope="chapter" data-prevnext-unit="chapter" playsinline>
+				<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-chapters-div="chapters" data-use-chapters-button="false" data-chapters-title="Table of Contents" data-chapters-default="Chapter 2" data-seekbar-scope="chapter" data-prevnext-unit="chapter" playsinline>
 					<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4"/>
 					<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm"/>
 					<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/external4.html b/demos/external4.html
index 79d6f52c..2273d2ce 100644
--- a/demos/external4.html
+++ b/demos/external4.html
@@ -138,7 +138,7 @@ <h1>Controlling Able Player with external controls</h1>
 			and omit the <strong>data-able-player</strong> attribute from the media element.
 			Then, all Able Player functions are exposed and can be accessed via your custom JavaScript.</p>
 
-		<video id="video1" data-skin="2020" preload="auto" width="480" height="360" poster="../media/wwa.jpg" playsinline>
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" playsinline>
 			<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4"/>
 			<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm"/>
 			<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/external5.html b/demos/external5.html
index 4f69da4e..6ec2b1df 100644
--- a/demos/external5.html
+++ b/demos/external5.html
@@ -73,7 +73,7 @@ <h1>Player hidden by default, exposed dynamically</h1>
 			<source type="audio/mpeg" src="../media/smallf.mp3"/>
 		</audio>
 
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" playsinline>
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player playsinline>
 			<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4"/>
 			<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm"/>
 			<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/forms1-audio.html b/demos/forms1-audio.html
index 5c3ec7b7..37bec29b 100644
--- a/demos/forms1-audio.html
+++ b/demos/forms1-audio.html
@@ -30,7 +30,7 @@
 	<main>
 		<h1>Audio player on a page with form fields</h1>
 
-		<audio id="audio1" width="480" preload="auto" data-able-player data-skin="2020">
+		<audio id="audio1" width="480" preload="auto" data-able-player>
 			<source type="audio/mpeg" src="../media/smallf.mp3"/>
 			<source type="audio/ogg" src="../media/smallf.ogg"/>
 		</audio>
@@ -65,7 +65,7 @@ <h2>Form Fields</h2>
 		(function () {
 			var feedback, answer;
 			$(document).ready(function () {
-				$('#submit').click(function() {
+				$('#submit').on( 'click', function() {
 					answer = $('#favplayer').val().toLowerCase();
 					if (answer.substring(0,4) == 'able') {
 						feedback = 'Correct!';
@@ -74,7 +74,7 @@ <h2>Form Fields</h2>
 						feedback = 'Wrong answer! Please try again.';
 					}
 					$('#feedback').text(feedback).show();
-					$('#favplayer').focus();
+					$('#favplayer').trigger('focus');
 				})
 			});
 		})();
diff --git a/demos/forms2-audio.html b/demos/forms2-audio.html
index 22261907..5c8fc5ca 100644
--- a/demos/forms2-audio.html
+++ b/demos/forms2-audio.html
@@ -58,7 +58,7 @@
 	<main>
 		<h1>Audio player in "Steno Mode"</h1>
 
-		<audio id="audio1" width="480" preload="auto" data-able-player data-skin="2020" data-steno-mode>
+		<audio id="audio1" width="480" preload="auto" data-able-player data-steno-mode>
 			<source type="audio/mpeg" src="../media/smallf.mp3"/>
 			<source type="audio/ogg" src="../media/smallf.ogg"/>
 		</audio>
diff --git a/demos/forms3-audio.html b/demos/forms3-audio.html
index 6c936d73..51dea964 100644
--- a/demos/forms3-audio.html
+++ b/demos/forms3-audio.html
@@ -39,7 +39,7 @@ <h1>Audio player in "Steno Mode", with form fields in an iframe</h1>
 
 		<p>This is a variation on <a href="forms2-audio.html">Forms Demo #2</a>, which does not use an iframe.</p>
 
-		<audio id="audio1" width="480" preload="auto" data-able-player data-skin="2020" data-steno-mode data-steno-iframe-id="myIframe">
+		<audio id="audio1" width="480" preload="auto" data-able-player data-steno-mode data-steno-iframe-id="myIframe">
 			<source type="audio/mpeg" src="../media/smallf.mp3"/>
 			<source type="audio/ogg" src="../media/smallf.ogg"/>
 		</audio>
diff --git a/demos/forms4.html b/demos/forms4.html
index 6a31c23c..90d2a120 100644
--- a/demos/forms4.html
+++ b/demos/forms4.html
@@ -42,7 +42,7 @@
 	(function () {
 		var feedback, answer;
 		$(document).ready(function () {
-			$('#submit').click(function(event) {
+			$('#submit').on( 'click', function(event) {
 				event.preventDefault();
 				answer = $('#favplayer').val().toLowerCase();
 				if (answer.substring(0,4) == 'able') {
@@ -52,7 +52,7 @@
 					feedback = 'Wrong answer! Please try again.';
 				}
 				$('#feedback').text(feedback).show();
-				$('#favplayer').focus();
+				$('#favplayer').trigger('focus');
 			})
 		});
 	})();
@@ -74,7 +74,7 @@ <h1>Video player on a page with form fields</h1>
 
 		<form action="#" method="post">
 
-			<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" playsinline>
+			<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player playsinline>
 				<source type="video/mp4" src="../media/wwa.mp4"/>
 				<source type="video/webm" src="../media/wwa.webm"/>
 				<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en" label="English captions"/>
diff --git a/demos/index.html b/demos/index.html
index 8c3ee9c7..a4936872 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -66,6 +66,7 @@ <h2>YouTube</h2>
 	<li><a href="youtube2.html">YouTube player (all tracks hosted locally)</a></li>
 	<li><a href="youtube3.html">YouTube player (captions on YouTube, descriptions hosted locally)</a></li>
 	<li><a href="youtube4.html">YouTube player (chapters and transcript in external containers)</a></li>
+	<li><a href="youtube5.html">YouTube player (no captions)</a></li>
 </ul>
 
 <h2>Vimeo</h2>
@@ -131,7 +132,7 @@ <h2>Other Demos</h2>
 <h2>Credits</h2>
 <ul class="longerText">
 	<li>The audio examples feature songs by Terrill Thompson, 
-		Able Player's creator and lead developer. 
+		Able Player's creator and original lead developer. 
 		Check out <a href="https://terrillthompson.com/music">Terrill's music site</a> 
 		for more listening, and to support his work.</li>
 	<li>The short animated film used in a few demos is 
diff --git a/demos/local-de.html b/demos/local-de.html
index bf829c9f..c10b1259 100644
--- a/demos/local-de.html
+++ b/demos/local-de.html
@@ -30,7 +30,7 @@
 	<main>
 		<h1>Able Player auf Deutsch</h1>
 
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020">
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player>
 			<source type="video/mp4" src="../media/wwa.mp4">
 			<source type="video/webm" src="../media/wwa.webm">
 			<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche" default/>
diff --git a/demos/local-es.html b/demos/local-es.html
index a7b6a7b1..09bd3696 100644
--- a/demos/local-es.html
+++ b/demos/local-es.html
@@ -30,7 +30,7 @@
 	<main>
 		<h1>Able Player en Español</h1>
 
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020">
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player>
 			<source type="video/mp4" src="../media/wwa.mp4">
 			<source type="video/webm" src="../media/wwa.webm">
 			<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en" label="English"/>
diff --git a/demos/local-fr.html b/demos/local-fr.html
index cc5cb734..05233aab 100644
--- a/demos/local-fr.html
+++ b/demos/local-fr.html
@@ -30,7 +30,7 @@
 	<main>
 		<h1>Able Player en Français</h1>
 
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020">
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player>
 			<source type="video/mp4" src="../media/wwa.mp4">
 			<source type="video/webm" src="../media/wwa.webm">
 			<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en" label="English"/>
diff --git a/demos/local-ja.html b/demos/local-ja.html
index 98aaa5e4..77860d3d 100644
--- a/demos/local-ja.html
+++ b/demos/local-ja.html
@@ -30,7 +30,7 @@
 	<main>
 		<h1>日本語のAble Player</h1>
 
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020">
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player>
 			<source type="video/mp4" src="../media/wwa.mp4">
 			<source type="video/webm" src="../media/wwa.webm">
 			<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en" label="English"/>
diff --git a/demos/meta1-audio.html b/demos/meta1-audio.html
index 0ca38650..08552b50 100644
--- a/demos/meta1-audio.html
+++ b/demos/meta1-audio.html
@@ -52,7 +52,7 @@ <h1>Audio player with Metadata track (type = text)</h1>
 			<strong>data-meta-div</strong> attribute.
 		</p>
 
-		<audio id="audio1" width="480" class="ump-media" preload="auto" data-able-player data-skin="2020" data-meta-type="text" data-meta-div="meta">
+		<audio id="audio1" width="480" class="ump-media" preload="auto" data-able-player data-meta-type="text" data-meta-div="meta">
 			<source type="audio/mpeg" src="../media/paulallen.mp3"/>
 			<source type="audio/ogg" src="../media/paulallen.ogg"/>
 			<track kind="metadata" src="../media/paulallen_meta.vtt"/>
diff --git a/demos/meta2.html b/demos/meta2.html
index ae6aa5ca..7d42c59f 100644
--- a/demos/meta2.html
+++ b/demos/meta2.html
@@ -132,7 +132,7 @@ <h1>Video player with Metadata track (type = selector)</h1>
 		</p>
 
 		<div id="video-and-meta-wrapper">
-			<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" data-meta-type="selector" playsinline>
+			<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-meta-type="selector" playsinline>
 				<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4"/>
 				<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm"/>
 				<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en" label="English"/>
diff --git a/demos/meta3.html b/demos/meta3.html
index 88bf48a1..dc7d2b5e 100644
--- a/demos/meta3.html
+++ b/demos/meta3.html
@@ -171,7 +171,7 @@ <h1>Responsive video with clickable hotspots</h1>
 		</p>
 
 		<div id="video-and-meta-wrapper">
-			<video id="video1" preload="auto" width="640" height="480" poster="../media/wwa.jpg" data-able-player data-skin="2020" data-meta-type="selector" playsinline>
+			<video id="video1" preload="auto" width="640" height="480" poster="../media/wwa.jpg" data-able-player data-meta-type="selector" playsinline>
 				<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4"/>
 				<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm"/>
 				<!-- Able Player will display tracks alphabetically by label -->
diff --git a/demos/multi1-audio.html b/demos/multi1-audio.html
index 9d849b60..0b595f2d 100644
--- a/demos/multi1-audio.html
+++ b/demos/multi1-audio.html
@@ -38,7 +38,7 @@ <h1>Multiple audio players (one track each)</h1>
 
 		<h2>Player #1: Every Day</h2>
 		<!-- use the following markup for each media element -->
-		<audio id="audio1" width="500" preload="auto" data-able-player data-skin="2020">
+		<audio id="audio1" width="500" preload="auto" data-able-player>
 			<source type="audio/mpeg" src="../media/everyday.mp3"/>
 			<source type="audio/ogg" src="../media/everyday.ogg"/>
 		</audio>
diff --git a/demos/multi2-audio.html b/demos/multi2-audio.html
index 215f86a9..182af0cc 100644
--- a/demos/multi2-audio.html
+++ b/demos/multi2-audio.html
@@ -60,7 +60,7 @@ <h2>Player with Embedded Playlist</h2>
 			</audio>
 
 			<!-- first playlist (embedded) -->
-			<ul class="able-playlist" data-player="audio1" data-skin="2020" data-embedded>
+			<ul class="able-playlist" data-player="audio1" data-embedded>
 				<li>
 					<span class="able-source"
 						data-type="audio/mpeg"
diff --git a/demos/multi3.html b/demos/multi3.html
index 1e91be32..1734f5ad 100644
--- a/demos/multi3.html
+++ b/demos/multi3.html
@@ -36,7 +36,7 @@ <h1>Multiple video Players</h1>
 			Use <a href="video15.html">playlists</a> instead.</p>
 
 		<h2>Player #1: World Wide Access</h2>
-		<video id="video1" preload="auto" width="800" data-able-player data-skin="2020" playsinline>
+		<video id="video1" preload="auto" width="800" data-able-player playsinline>
 			<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4" data-sign-src="../media/wwa_sign.mp4"/>
 			<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm" data-sign-src="../media/wwa_sign.webm"/>
 			<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
@@ -56,7 +56,7 @@ <h2>Player #1: World Wide Access</h2>
 		</video>
 
 		<h2>Player #2: The Deadline</h2>
-		<video id="video2" preload="auto" width="800" height="450" data-able-player data-skin="2020" playsinline>
+		<video id="video2" preload="auto" width="800" height="450" data-able-player playsinline>
 			<source type="video/mp4" src="../media/deadline.mp4" data-desc-src="../media/deadline_desc.mp4"/>
 			<track kind="captions" src="../media/deadline_captions_en.vtt" srclang="en" label="English" default/>
 			<track kind="captions" src="../media/deadline_captions_ar.vtt" srclang="ar" label="Arabic"/>
diff --git a/demos/other-vts.html b/demos/other-vts.html
index 78d949e0..7e6b2da4 100644
--- a/demos/other-vts.html
+++ b/demos/other-vts.html
@@ -30,7 +30,7 @@
 	<main>
 		<h1>Able Player with Video Transcript Sorter (VTS)</h1>
 
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" playsinline>
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player playsinline>
 			<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4">
 			<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm">
 			<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/other-width.html b/demos/other-width.html
index fa82679c..a6eba2c6 100644
--- a/demos/other-width.html
+++ b/demos/other-width.html
@@ -53,7 +53,7 @@ <h2 id="audio1-heading">Audio Example 1 (default width)</h2>
 				<li><strong>CSS width of container:</strong> Unspecified</li>
 				<li><strong>Expected outcome:</strong> Player fills width of the screen</li>
 			</ul>
-			<audio id="audio1" preload="auto" data-able-player data-skin="2020" playsinline>
+			<audio id="audio1" preload="auto" data-able-player playsinline>
 				<source type="audio/mpeg" src="../media/smallf.mp3"/>
 				<source type="audio/ogg" src="../media/smallf.ogg"/>
 			</audio>
@@ -66,7 +66,7 @@ <h2 id="audio2-heading">Audio Example 2 (width attribute)</h2>
 				<li><strong>CSS width of container:</strong> Unspecified</li>
 				<li><strong>Expected outcome:</strong> Player is 800px wide</li>
 			</ul>
-			<audio id="audio2" data-width="800" preload="auto" data-able-player data-skin="2020" playsinline>
+			<audio id="audio2" data-width="800" preload="auto" data-able-player playsinline>
 				<source type="audio/mpeg" src="../media/smallf.mp3"/>
 				<source type="audio/ogg" src="../media/smallf.ogg"/>
 			</audio>
diff --git a/demos/playlist1-audio.html b/demos/playlist1-audio.html
index a3111b60..d744ae6f 100644
--- a/demos/playlist1-audio.html
+++ b/demos/playlist1-audio.html
@@ -31,7 +31,7 @@
 		<h1>Audio player with a playlist</h1>
 
 		<!-- use the following markup for each media element -->
-		<audio id="audio1" width="480" preload="auto" data-able-player data-skin="2020" loop>
+		<audio id="audio1" width="480" preload="auto" data-able-player loop>
 			<!-- source elements are optional when there's a playlist. -->
 			<!-- If ommitted, they will be constructed from the first playlist item -->
 		</audio>
diff --git a/demos/playlist2.html b/demos/playlist2.html
index 24c5aa20..3a6f3375 100644
--- a/demos/playlist2.html
+++ b/demos/playlist2.html
@@ -59,7 +59,7 @@ <h1>Video player with a playlist (Local Sources)</h1>
 
 		<div id="player">
 			<!-- video source and track elements will be populated from playlist -->
-			<video id="video1" width="640" height="480" preload="auto" data-able-player data-skin="2020" playsinline loop></video>
+			<video id="video1" width="640" height="480" preload="auto" data-able-player playsinline loop></video>
 		</div>
 		<div id="playlist">
 			<h2>Playlist</h2>
diff --git a/demos/playlist3.html b/demos/playlist3.html
index 537d38c4..129a8ab2 100644
--- a/demos/playlist3.html
+++ b/demos/playlist3.html
@@ -59,7 +59,7 @@ <h1>Video player with a playlist (Mixed Sources)</h1>
 
 		<div id="player">
 			<!-- video source and track elements will be populated from playlist -->
-			<video id="video1" width="640" height="480" preload="auto" data-able-player data-skin="2020" playsinline loop></video>
+			<video id="video1" width="640" height="480" preload="auto" data-able-player playsinline loop></video>
 		</div>
 		<div id="playlist">
 			<h2>Playlist</h2>
diff --git a/demos/search1.html b/demos/search1.html
index 8279b0e1..978a2544 100644
--- a/demos/search1.html
+++ b/demos/search1.html
@@ -84,7 +84,7 @@ <h1>Video player with search (server-side)</h1>
 
 		<div id="wrapper">
 			<div id="player">
-				<video id="video1" preload="auto" poster="../media/wwa.jpg" data-able-player data-skin="2020" data-search="you" data-search-div="results" data-include-transcript="false" playsinline data-search-ignore-caps>
+				<video id="video1" preload="auto" poster="../media/wwa.jpg" data-able-player data-search="you" data-search-div="results" data-include-transcript="false" playsinline data-search-ignore-caps>
 					<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4"/>
 					<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm"/>
 					<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/search2.html b/demos/search2.html
index 60403cb5..ae7859cf 100644
--- a/demos/search2.html
+++ b/demos/search2.html
@@ -148,24 +148,23 @@ <h1>Video player with search (client-side)</h1>
 
 		<div id="wrapper">
 			<div id="player">
-				<video id="video1" preload="auto" poster="../media/wwa.jpg" data-skin="2020" data-search-div="results"
-					data-include-transcript="false" playsinline>
-					<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4" />
-					<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm" />
-					<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche" />
-					<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en" label="English" default />
-					<track kind="captions" src="../media/wwa_captions_es.vtt" srclang="es" label="Español" />
-					<track kind="subtitles" src="../media/wwa_captions_fr.vtt" srclang="fr" label="Français" />
-					<track kind="subtitles" src="../media/wwa_captions_ja.vtt" srclang="ja" lang="ja" label="日本語" />
-					<track kind="descriptions" src="../media/wwa_description_de.vtt" srclang="de" />
-					<track kind="descriptions" src="../media/wwa_description_en.vtt" srclang="en" />
-					<track kind="descriptions" src="../media/wwa_description_es.vtt" srclang="es" />
-					<track kind="descriptions" src="../media/wwa_description_fr.vtt" srclang="fr" />
-					<track kind="descriptions" src="../media/wwa_description_ja.vtt" srclang="ja" />
-					<track kind="chapters" src="../media/wwa_chapters_de.vtt" srclang="de" />
-					<track kind="chapters" src="../media/wwa_chapters_en.vtt" srclang="en" />
-					<track kind="chapters" src="../media/wwa_chapters_es.vtt" srclang="es" />
-					<track kind="chapters" src="../media/wwa_chapters_fr.vtt" srclang="fr" />
+				<video id="video1" preload="auto" poster="../media/wwa.jpg" data-search-div="results" data-include-transcript="false" playsinline>
+					<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4"/>
+					<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm"/>
+					<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
+					<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en" label="English" default/>
+					<track kind="captions" src="../media/wwa_captions_es.vtt" srclang="es" label="Español"/>
+					<track kind="subtitles" src="../media/wwa_captions_fr.vtt" srclang="fr" label="Français"/>
+					<track kind="subtitles" src="../media/wwa_captions_ja.vtt" srclang="ja" lang="ja" label="日本語"/>
+					<track kind="descriptions" src="../media/wwa_description_de.vtt" srclang="de"/>
+					<track kind="descriptions" src="../media/wwa_description_en.vtt" srclang="en"/>
+					<track kind="descriptions" src="../media/wwa_description_es.vtt" srclang="es"/>
+					<track kind="descriptions" src="../media/wwa_description_fr.vtt" srclang="fr"/>
+					<track kind="descriptions" src="../media/wwa_description_ja.vtt" srclang="ja"/>
+					<track kind="chapters" src="../media/wwa_chapters_de.vtt" srclang="de"/>
+					<track kind="chapters" src="../media/wwa_chapters_en.vtt" srclang="en"/>
+					<track kind="chapters" src="../media/wwa_chapters_es.vtt" srclang="es"/>
+					<track kind="chapters" src="../media/wwa_chapters_fr.vtt" srclang="fr"/>
 				</video>
 			</div>
 			<div id="results-wrapper">
diff --git a/demos/video1.html b/demos/video1.html
index e04b66d7..9b3d8c82 100644
--- a/demos/video1.html
+++ b/demos/video1.html
@@ -31,7 +31,7 @@
 		<h1>Video with closed captions in one language</h1>
 
 		<!-- use the following markup for each media element -->
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" playsinline>
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player playsinline>
 			<source type="video/mp4" src="../media/wwa.mp4"/>
 			<source type="video/webm" src="../media/wwa.webm"/>
 			<track kind="captions" src="../media/wwa_captions_en.vtt" srclang="en" label="English captions"/>
diff --git a/demos/video2.html b/demos/video2.html
index c0f94d6f..21c373f5 100644
--- a/demos/video2.html
+++ b/demos/video2.html
@@ -53,7 +53,7 @@ <h1>Video with <em>default</em> closed captions</h1>
 		</p>
 
 		<!-- use the following markup for each media element -->
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" playsinline>
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player playsinline>
 			<source type="video/mp4" src="../media/wwa.mp4"/>
 			<source type="video/webm" src="../media/wwa.webm"/>
 			<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/video3.html b/demos/video3.html
index ca55bc21..108c479a 100644
--- a/demos/video3.html
+++ b/demos/video3.html
@@ -30,7 +30,7 @@
 	<main>
 		<h1>Video with captions, subtitles, chapters, and a transcript</h1>
 
-		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player data-skin="2020" playsinline>
+		<video id="video1" preload="auto" width="480" height="360" poster="../media/wwa.jpg" data-able-player playsinline>
 			<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4">
 			<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm">
 			<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/video5.html b/demos/video5.html
index 2fd78073..b05940e1 100644
--- a/demos/video5.html
+++ b/demos/video5.html
@@ -42,7 +42,7 @@ <h1>Video with sign language</h1>
 		</p>
 
 		<div id="video-wrapper">
-			<video id="video1" preload="auto" poster="../media/wwa.jpg" data-able-player data-skin="2020" playsinline>
+			<video id="video1" preload="auto" poster="../media/wwa.jpg" data-able-player playsinline>
 				<source type="video/mp4" src="../media/wwa.mp4" data-desc-src="../media/wwa_described.mp4" data-sign-src="../media/wwa_sign.mp4"/>
 				<source type="video/webm" src="../media/wwa.webm" data-desc-src="../media/wwa_described.webm" data-sign-src="../media/wwa_sign.webm"/>
 				<track kind="captions" src="../media/wwa_captions_de.vtt" srclang="de" label="Deutsche"/>
diff --git a/demos/vimeo-native.html b/demos/vimeo-native.html
new file mode 100644
index 00000000..ea52319d
--- /dev/null
+++ b/demos/vimeo-native.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<title>Vimeo Native Player</title>
+		<link rel="stylesheet" href="demos.css" type="text/css">
+
+		<script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
+		<script src="https://player.vimeo.com/api/player.js"></script>
+	
+	<style>
+		#wrapper { 
+			width: 1000px;
+			max-width: 100%;
+			border: 1px solid #340449;
+		}
+		#vimeo_id, 
+		iframe { 
+			max-width: 100%;
+		}
+	</style>
+	<script>
+		var aspectRatio, playerWidth, playerHeight; 
+
+		$(document).ready(function() { 
+console.log('document is ready');
+			// Initialize Vimeo API 
+			const options = {
+        id: 328769500,
+        loop: false
+    	};
+
+	    const player = new Vimeo.Player('vimeo_id', options);
+
+  	  player.setVolume(0);
+
+			player.ready().then(function() {
+				console.log('player is ready');
+				player.getVideoWidth().then(function(width) {
+					player.getVideoHeight().then(function(height) {
+console.log('video intrinsic size is ' + width + 'x' + height); 
+						playerWidth = width; 
+						playerHeight = height; 
+						aspectRatio = height / width; 
+						$('iframe').data('aspectRatio',aspectRatio);
+						$('iframe').removeAttr('width'); 
+						$('iframe').removeAttr('height'); 
+console.log('iframe',$('iframe'));						
+					});
+				});
+			});
+
+			$(window).resize(function() { 
+console.log('the window resized');
+				var width = $('#wrapper').width();
+console.log('wrapper width',width );				
+				$('iframe').width(width); 
+				$('iframe').height(width * aspectRatio); 
+			});
+
+			$(window).resize();
+		});
+	</script>
+
+	<body>
+		<div id="wrapper">
+			<div id="vimeo_id"></div>
+		</div>		
+	</body>
+</html>
diff --git a/demos/vimeo1.html b/demos/vimeo1.html
index 7f333738..5c1b1a04 100644
--- a/demos/vimeo1.html
+++ b/demos/vimeo1.html
@@ -65,7 +65,7 @@ <h1>Vimeo player (captions hosted on Vimeo)</h1>
 		</div>
 
 		<div class="wrapper">
-			<video id="video1" data-able-player data-skin="2020" preload="auto" data-vimeo-id="328769500" data-vimeo-desc-id="328769442">
+			<video id="video1" data-able-player preload="auto" data-vimeo-id="328769500" data-vimeo-desc-id="328769442">
 			</video>
 		</div>
 
diff --git a/demos/vimeo2.html b/demos/vimeo2.html
index dd1e06e8..48ecd635 100644
--- a/demos/vimeo2.html
+++ b/demos/vimeo2.html
@@ -67,7 +67,7 @@ <h1>Vimeo player (captions via Local VTT Files)</h1>
 		</div>
 
 		<div class="wrapper">
-			<video id="video1" data-able-player data-skin="2020" preload="auto" data-vimeo-id="328769500" data-vimeo-desc-id="328769442">
+			<video id="video1" data-able-player preload="auto" data-vimeo-id="328769500" data-vimeo-desc-id="328769442">
 				<track kind="captions" src="../media/blocks4all_captions_en.vtt" srclang="en-US" label="English">
 				<track kind="captions" src="../media/blocks4all_captions_es.vtt" srclang="es" label="Spanish">
 				<track kind="captions" src="../media/blocks4all_captions_pt-br.vtt" srclang="pt-BR" label="Portuguese (Brazil)">
diff --git a/demos/youtube1.html b/demos/youtube1.html
index 5ea2bac9..2dd53004 100644
--- a/demos/youtube1.html
+++ b/demos/youtube1.html
@@ -65,7 +65,7 @@ <h1>YouTube player (captions hosted on YouTube)</h1>
 		</div>
 
 		<div class="wrapper">
-			<video id="video1" data-able-player data-skin="2020" preload="auto" data-youtube-id="dhwpLACAls8" data-youtube-desc-id="Ck2TdVMhWcU" playsinline>
+			<video id="video1" data-able-player preload="auto" data-youtube-id="dhwpLACAls8" data-youtube-desc-id="Ck2TdVMhWcU" playsinline>
 			</video>
 		</div>
 
diff --git a/demos/youtube5.html b/demos/youtube5.html
new file mode 100644
index 00000000..fc52f9f5
--- /dev/null
+++ b/demos/youtube5.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>YouTube player (no captions) | Able Player Demos</title>
+<link rel="stylesheet" href="demos.css" type="text/css">
+
+<!-- Dependencies -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
+
+<!-- Able Player CSS -->
+<link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
+
+<!-- Able Player JavaScript -->
+<script src="../build/ableplayer.js"></script>
+
+<!-- styles for this example page -->
+<style>
+	div#intro { 
+		width: 80em;
+		max-width: 100%;
+	}
+	div#intro ul { 
+		margin-top: 0.5em;
+		margin-bottom: 2em;
+	}
+	.wrapper {
+		width: 500px;
+		max-width: 100%;
+	}
+</style>
+
+</head>
+
+<body>
+	<header>
+		<div class="title">Able Player Demos</div>
+	</header>
+	<nav>
+		<ul>
+			<li><a href="index.html">More demos</a></li>
+			<li><a href="https://ableplayer.github.io/ableplayer">Able Player Home</a></li>
+		</ul>
+	</nav>
+	<main>
+		<h1>YouTube player (no captions)</h1>
+
+		<div id="intro">
+
+			<p>This page features an example of Able Player being used to play a YouTube video. 
+			This video does not have captions, and is used solely to test Able Player's ability to handle uncaptioned videos. However, all videos <em>should</em> be captioned.</p>
+				
+		</div>
+
+		<!-- Example YouTube IDs for testing: 
+		Video with machine-generated captions: r13a8d5YGFY
+		Video with no captions at all: zaonYTmFaBU
+		-->
+		<div class="wrapper">
+			<video id="video1" data-able-player preload="auto" data-youtube-id="zaonYTmFaBU" playsinline>
+			</video>
+		</div>
+
+	</main>
+</body>
+</html>
diff --git a/package-lock.json b/package-lock.json
index ca076147..55f9a350 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "ableplayer",
-  "version": "4.5.1",
+  "version": "4.5.2-dev",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "ableplayer",
-      "version": "4.5.1",
+      "version": "4.5.2-dev",
       "license": "MIT",
       "dependencies": {
         "dompurify": "^3.2.4",
diff --git a/package.json b/package.json
index 2e2accfe..35cdb436 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ableplayer",
-  "version": "4.5.1",
+  "version": "4.5.2-dev",
   "description": "Accessible HTML5 media player",
   "homepage": "http://ableplayer.github.io/ableplayer",
   "bugs": "https://github.com/ableplayer/ableplayer/issues",
diff --git a/scripts/ableplayer-base.js b/scripts/ableplayer-base.js
index 67320855..53308fd7 100644
--- a/scripts/ableplayer-base.js
+++ b/scripts/ableplayer-base.js
@@ -40,7 +40,6 @@ var AblePlayerInstances = [];
 
 (function ($) {
 	$(function () {
-
 		$('video, audio').each(function (index, element) {
 			if ($(element).data('able-player') !== undefined) {
 				AblePlayerInstances.push(new AblePlayer($(this),$(element)));
@@ -88,14 +87,14 @@ var AblePlayerInstances = [];
 
 		// autoplay (Boolean; if present always resolves to true, regardless of value)
 		if ($(media).attr('autoplay') !== undefined) {
-			this.autoplay = true; // this value remains constant 
+			this.autoplay = true; // this value remains constant
 			this.okToPlay = true; // this value can change dynamically
 		}
 		else {
 			this.autoplay = false;
 			this.okToPlay = false;
 		}
-		
+
 		// loop (Boolean; if present always resolves to true, regardless of value)
 		if ($(media).attr('loop') !== undefined) {
 			this.loop = true;
@@ -120,18 +119,20 @@ var AblePlayerInstances = [];
 			this.hasPoster = false;
 		}
 
-		// get height and width attributes, if present 
-		// and add them to variables 
-		// Not currently used, but might be useful for resizing player  
-		if ($(media).attr('width')) { 
-			this.width = $(media).attr('width'); 
+		// get height and width attributes, if present
+		// and add them to variables
+		// Not currently used, but might be useful for resizing player
+		if ($(media).attr('width')) {
+			this.width = $(media).attr('width');
 		}
-		if ($(media).attr('height')) { 
+		if ($(media).attr('height')) {
 			this.height = $(media).attr('height');
 		}
 
 		// start-time
-		if ($(media).data('start-time') !== undefined && $.isNumeric($(media).data('start-time'))) {
+		var startTime = $(media).data('start-time');
+		var isNumeric = ( typeof startTime === 'number' || ( typeof startTime === 'string' && value.trim() !== '' && ! isNaN(value) && isFinite( Number(value) ) ) ) ? true : false;
+		if ( startTime !== undefined && isNumeric ) {
 			this.startTime = $(media).data('start-time');
 		}
 		else {
@@ -177,13 +178,13 @@ var AblePlayerInstances = [];
 		else {
 			this.useChaptersButton = true;
 		}
-		
-		// Control whether text descriptions are read aloud 
+
+		// Control whether text descriptions are read aloud
 		// set to "false" if the sole purpose of the WebVTT descriptions file
 		// is to integrate text description into the transcript
-		// set to "true" to write description text to a div 
-		// This variable does *not* control the method by which description is read. 
-		// For that, see below (this.descMethod) 
+		// set to "true" to write description text to a div
+		// This variable does *not* control the method by which description is read.
+		// For that, see below (this.descMethod)
 		if ($(media).data('descriptions-audible') !== undefined && $(media).data('descriptions-audible') === false) {
 			this.readDescriptionsAloud = false;
 		}
@@ -195,12 +196,16 @@ var AblePlayerInstances = [];
 			this.readDescriptionsAloud = true;
 		}
 
-		// Method by which text descriptions are read  
+		// setting initial this.descVoices to an empty array
+		// to be populated later by getBrowserVoices
+		this.descVoices = [];
+
+		// Method by which text descriptions are read
 		// valid values of data-desc-reader are:
-		// 'brower' (default) - text-based audio description is handled by the browser, if supported  
-		// 'screenreader' - text-based audio description is always handled by screen readers 
-		// The latter may be preferable by owners of websites in languages that are not well supported 
-		// by the Web Speech API  
+		// 'brower' (default) - text-based audio description is handled by the browser, if supported
+		// 'screenreader' - text-based audio description is always handled by screen readers
+		// The latter may be preferable by owners of websites in languages that are not well supported
+		// by the Web Speech API
 		if ($(media).data('desc-reader') == 'screenreader') {
 			this.descReader = 'screenreader';
 		}
@@ -208,11 +213,11 @@ var AblePlayerInstances = [];
 			this.descReader = 'browser';
 		}
 
-		// Default state of captions and descriptions 
-		// This setting is overridden by user preferences, if they exist 
-		// values for data-state-captions and data-state-descriptions are 'on' or 'off' 
+		// Default state of captions and descriptions
+		// This setting is overridden by user preferences, if they exist
+		// values for data-state-captions and data-state-descriptions are 'on' or 'off'
 		if ($(media).data('state-captions') == 'off') {
-			this.defaultStateCaptions = 0; // off 
+			this.defaultStateCaptions = 0; // off
 		}
 		else {
 			this.defaultStateCaptions = 1; // on by default
@@ -224,13 +229,13 @@ var AblePlayerInstances = [];
 			this.defaultStateDescriptions = 0; // off by default
 		}
 
-		// Default setting for prefDescPause  
-		// Extended description (i.e., pausing during description) is on by default 
-		// but this settings give website owners control over that 
-		// since they know the nature of their videos, and whether pausing is necessary 
-		// This setting is overridden by user preferences, if they exist 
+		// Default setting for prefDescPause
+		// Extended description (i.e., pausing during description) is on by default
+		// but this settings give website owners control over that
+		// since they know the nature of their videos, and whether pausing is necessary
+		// This setting is overridden by user preferences, if they exist
 		if ($(media).data('desc-pause-default') == 'off') {
-			this.defaultDescPause = 0; // off 
+			this.defaultDescPause = 0; // off
 		}
 		else {
 			this.defaultDescPause = 1; // on by default
@@ -276,7 +281,7 @@ var AblePlayerInstances = [];
 			if (this.transcriptSrcHasRequiredParts()) {
 				this.transcriptType = 'manual';
 			}
-			else { 
+			else {
 				console.log('ERROR: Able Player transcript is missing required parts');
 			}
 		}
@@ -381,31 +386,31 @@ var AblePlayerInstances = [];
 
 		// Skin
 		// valid values of data-skin are:
-		// 'legacy' (default), two rows of controls; seekbar positioned in available space within top row
-		// '2020', all buttons in one row beneath a full-width seekbar
-		if ($(media).data('skin') == '2020') {
-			this.skin = '2020';
+		// '2020' (default as of 5.0), all buttons in one row beneath a full-width seekbar
+		// 'legacy', two rows of controls; seekbar positioned in available space within top row
+		if ($(media).data('skin') == 'legacy') {
+			this.skin = 'legacy';
 		}
 		else {
-			this.skin = 'legacy';
+			this.skin = '2020';
 		}
 
-		// Size 
-		// width of Able Player is determined using the following order of precedence: 
-		// 1. data-width attribute 
+		// Size
+		// width of Able Player is determined using the following order of precedence:
+		// 1. data-width attribute
 		// 2. width attribute (for video or audio, although it is not valid HTML for audio)
 		// 3. Intrinsic size from video (video only, determined later)
 		if ($(media).data('width') !== undefined) {
 			this.playerWidth = parseInt($(media).data('width'));
 		}
 		else if ($(media)[0].getAttribute('width')) {
-			// NOTE: jQuery attr() returns null for all invalid HTML attributes 
+			// NOTE: jQuery attr() returns null for all invalid HTML attributes
 			// (e.g., width on <audio>)
-			// but it can be acessed via JavaScript getAttribute() 
+			// but it can be acessed via JavaScript getAttribute()
 			this.playerWidth = parseInt($(media)[0].getAttribute('width'));
 		}
-		else { 
-			this.playerWidth = null; 
+		else {
+			this.playerWidth = null;
 		}
 
 		// Icon type
@@ -429,9 +434,9 @@ var AblePlayerInstances = [];
 		else {
 			this.allowFullscreen = true;
 		}
-		// Define other variables that are used in fullscreen program flow 
-		this.clickedFullscreenButton = false; 
-		this.restoringAfterFullscreen = false;			
+		// Define other variables that are used in fullscreen program flow
+		this.clickedFullscreenButton = false;
+		this.restoringAfterFullscreen = false;
 
 		// Seek interval
 		// Number of seconds to seek forward or back with Rewind & Forward buttons
@@ -470,15 +475,15 @@ var AblePlayerInstances = [];
 		// Fallback
 		// The data-test-fallback attribute can be used to test the fallback solution in any browser
 		if ($(media).data('test-fallback') !== undefined && $(media).data('test-fallback') !== false) {
-			if ($(media).data('test-fallback') == '2') { 
-				this.testFallback = 2; // emulate browser that doesn't support HTML5 media 
+			if ($(media).data('test-fallback') == '2') {
+				this.testFallback = 2; // emulate browser that doesn't support HTML5 media
 			}
-			else { 
-				this.testFallback = 1; // emulate failure to load Able Player 
+			else {
+				this.testFallback = 1; // emulate failure to load Able Player
 			}
 		}
-		else { 
-			this.testFallback = false; 
+		else {
+			this.testFallback = false;
 		}
 
 		// Language
@@ -605,8 +610,8 @@ var AblePlayerInstances = [];
 				}
 			}
 		).
-		fail(function() { 
-			thisObj.provideFallback(); 
+		fail(function() {
+			thisObj.provideFallback();
 		});
 	};
 
@@ -630,9 +635,9 @@ var AblePlayerInstances = [];
 						// for playlists, recreatePlayer() is called from within cuePlaylistItem()
 					}
 					else {
-						thisObj.recreatePlayer().then(function() { 
+						thisObj.recreatePlayer().then(function() {
 							thisObj.initializing = false;
-							thisObj.playerCreated = true; // remains true until browser is refreshed		
+							thisObj.playerCreated = true; // remains true until browser is refreshed
 						});
 					}
 				});
diff --git a/scripts/browser.js b/scripts/browser.js
index 15dc49c3..ed7229dc 100644
--- a/scripts/browser.js
+++ b/scripts/browser.js
@@ -32,30 +32,30 @@
 
 	AblePlayer.prototype.browserSupportsVolume = function() {
 
-		// To test whether the browser supports changing the volume, 
-			// create a new audio element and try setting the volume to something other than 1. 
-			// Then, retrieve the current setting to see if it preserved it. 
+		// To test whether the browser supports changing the volume,
+		// create a new audio element and try setting the volume to something other than 1.
+		// Then, retrieve the current setting to see if it preserved it.
 
-			// Unfortunately, this doesn't work in iOS. In 2022, our tests yield the same results as reported here:  
-			// https://stackoverflow.com/questions/72861253/how-do-i-detect-if-a-browser-does-not-support-changing-html-audio-volume
+		// Unfortunately, this doesn't work in iOS. In 2022, our tests yield the same results as reported here:
+		// https://stackoverflow.com/questions/72861253/how-do-i-detect-if-a-browser-does-not-support-changing-html-audio-volume
 
-			// So, unfortunately we have to resort to sniffing for iOS  
-			// before testing for support in other browsers 
-			var audio, testVolume; 
- 
-			if (this.isIOS()) { 
-				return false; 
-			}
+		// So, unfortunately we have to resort to sniffing for iOS
+		// before testing for support in other browsers
+		var audio, testVolume;
 
-			testVolume = 0.9;  // any value between 0.1 and 0.9 
-			audio = new Audio();
-      audio.volume = testVolume;
-			if (audio.volume === testVolume) { 
-				return true; 
-			} 
-			else { 
-				return false; 
-			}
+		if (this.isIOS()) {
+			return false;
+		}
+
+		testVolume = 0.9;  // any value between 0.1 and 0.9
+		audio = new Audio();
+		audio.volume = testVolume;
+		if (audio.volume === testVolume) {
+			return true;
+		}
+		else {
+			return false;
+		}
 	};
 
 	AblePlayer.prototype.nativeFullscreenSupported = function () {
diff --git a/scripts/buildplayer.js b/scripts/buildplayer.js
index de84c8ba..1ed39c65 100644
--- a/scripts/buildplayer.js
+++ b/scripts/buildplayer.js
@@ -4,21 +4,21 @@
 
 		// create and inject surrounding HTML structure
 		// If IOS:
-		//	If video:
-		//	 IOS does not support any of the player's functionality
-		//	 - everything plays in its own player
-		//	 Therefore, AblePlayer is not loaded & all functionality is disabled
-		//	 (this all determined. If this is IOS && video, this function is never called)
-		//	If audio:
-		//	 HTML cannot be injected as a *parent* of the <audio> element
-		//	 It is therefore injected *after* the <audio> element
-		//	 This is only a problem in IOS 6 and earlier,
-		//	 & is a known bug, fixed in IOS 7
+		//  If video:
+		//   IOS does not support any of the player's functionality
+		//   - everything plays in its own player
+		//   Therefore, AblePlayer is not loaded & all functionality is disabled
+		//   (this all determined. If this is IOS && video, this function is never called)
+		//  If audio:
+		//   HTML cannot be injected as a *parent* of the <audio> element
+		//   It is therefore injected *after* the <audio> element
+		//   This is only a problem in IOS 6 and earlier,
+		//   & is a known bug, fixed in IOS 7
 
 		var thisObj, captionsContainer, prefsGroups, i;
 		thisObj = this;
 
-		// create three wrappers and wrap them around the media element. 
+		// create three wrappers and wrap them around the media element.
 		// From inner to outer:
 		// $mediaContainer - contains the original media element
 		// $ableDiv - contains the media player and all its objects (e.g., captions, controls, descriptions)
@@ -27,9 +27,9 @@
 		this.$ableDiv = this.$mediaContainer.wrap('<div class="able"></div>').parent();
 		this.$ableWrapper = this.$ableDiv.wrap('<div class="able-wrapper"></div>').parent();
 		this.$ableWrapper.addClass('able-skin-' + this.skin);
-				
+
 		this.$ableWrapper.css({
-			'width': this.playerWidth + 'px' 
+			'width': this.playerWidth + 'px'
 		});
 
 		if (this.mediaType === 'video') {
@@ -43,17 +43,17 @@
 
 		// add container that captions or description will be appended to
 		// Note: new Jquery object must be assigned _after_ wrap, hence the temp captionsContainer variable
-		captionsContainer = $('<div>'); 
-		if (this.mediaType === 'video') { 
-			captionsContainer.addClass('able-vidcap-container'); 
+		captionsContainer = $('<div>');
+		if (this.mediaType === 'video') {
+			captionsContainer.addClass('able-vidcap-container');
 		}
-		else if (this.mediaType === 'audio') { 
-			captionsContainer.addClass('able-audcap-container'); 
-			// hide this by default. It will be shown if captions are available 
+		else if (this.mediaType === 'audio') {
+			captionsContainer.addClass('able-audcap-container');
+			// hide this by default. It will be shown if captions are available
 			captionsContainer.addClass('captions-off');
 		}
 
-		this.injectPlayerControlArea(); // this may need to be injected after captions??? 
+		this.injectPlayerControlArea(); // this may need to be injected after captions???
 		this.$captionsContainer = this.$mediaContainer.wrap(captionsContainer).parent();
 		this.injectAlert();
 		this.injectPlaylist();
@@ -89,7 +89,7 @@
 
 		var thisObj, svgData, buttonIcon, svgPath;
 
-		thisObj = this; 
+		thisObj = this;
 
 		this.$bigPlayButton = $('<button>', {
 			'class': 'able-big-play-button',
@@ -98,7 +98,7 @@
 			'tabindex': 0
 		});
 
-		if (this.iconType == 'svg') { 
+		if (this.iconType == 'svg') {
 			svgData = this.getSvgData('play');
 			buttonIcon = $('<svg>',{
 				'focusable': 'false',
@@ -114,18 +114,18 @@
 			// Final step: Need to refresh the DOM in order for browser to process & display the SVG
 			this.$bigPlayButton.html(this.$bigPlayButton.html());
 		}
-		else { // use icon font 
+		else { // use icon font
 			this.$bigPlayIcon = $('<span>', {
 				'class': 'icon-play',
 			});
 			this.$bigPlayButton.append(this.$bigPlayIcon);
 		}
 
-		this.$bigPlayButton.click(function (event) {
+		this.$bigPlayButton.on( 'click', function (event) {
 			event.preventDefault();
 			thisObj.handlePlay();
 		});
-		
+
 		this.$mediaContainer.append(this.$bigPlayButton);
 	};
 
@@ -137,7 +137,7 @@
 			'aria-label' : this.mediaType + ' player'
 		});
 		this.$playerDiv.addClass('able-'+this.mediaType);
-		if (this.hasPlaylist && this.showNowPlaying) { 
+		if (this.hasPlaylist && this.showNowPlaying) {
 			this.$nowPlayingDiv = $('<div>',{
 				'class' : 'able-now-playing',
 				'aria-live' : 'assertive',
@@ -179,15 +179,15 @@
 		if (this.showNowPlaying) {
 			this.$playerDiv.append(this.$nowPlayingDiv, this.$controllerDiv, this.$statusBarDiv);
 		}
-		else { 
+		else {
 			this.$playerDiv.append(this.$controllerDiv, this.$statusBarDiv);
 		}
-		if (this.mediaType === 'video') { 
-			// the player controls go after the media & captions 
+		if (this.mediaType === 'video') {
+			// the player controls go after the media & captions
 			this.$ableDiv.append(this.$playerDiv);
 		}
-		else { 
-			// the player controls go before the media & captions 
+		else {
+			// the player controls go before the media & captions
 			this.$ableDiv.prepend(this.$playerDiv);
 		}
 	};
@@ -199,9 +199,9 @@
 			'class': 'able-descriptions'
 		});
 		// Add ARIA so description will be announced by screen readers
-		// Later (in description.js > showDescription()), 
+		// Later (in description.js > showDescription()),
 		// if browser supports Web Speech API and this.descMethod === 'browser'
-		// these attributes will be removed 
+		// these attributes will be removed
 		this.$descDiv.attr({
 			'aria-live': 'assertive',
 			'aria-atomic': 'true'
@@ -359,10 +359,10 @@
 			top = '-10';
 		}
 		else {
-			// position just below top of video by default 
-			// but this will change after video player is fully sized 
-			// see control.js > resizePlayer() 
-			top = '10'; 
+			// position just below top of video by default
+			// but this will change after video player is fully sized
+			// see control.js > resizePlayer()
+			top = '10';
 		}
 		this.$alertBox.css({
 			top: top + 'px'
@@ -460,11 +460,11 @@
 			hasDefault = false;
 			for (i = 0; i < tracks.length; i++) {
 				track = tracks[i];
-				if (which === 'captions' && this.player === 'html5' && typeof track.cues === 'undefined') {						
-					includeMenuItem = false; 
+				if (which === 'captions' && this.player === 'html5' && typeof track.cues === 'undefined') {
+					includeMenuItem = false;
 				}
-				else { 
-					includeMenuItem = true; 
+				else {
+					includeMenuItem = true;
 				}
 				if (includeMenuItem) {
 					$menuItem = $('<li></li>',{
@@ -478,7 +478,7 @@
 					}
 					else {
 						$menuItem.attr('aria-checked','false');
-					}			
+					}
 					// Get a label using track data
 					if (which == 'captions') {
 						$menuItem.text(track.label);
@@ -501,7 +501,7 @@
 					$menuItem.attr('aria-checked','true');
 					hasDefault = true;
 				}
-				else { 
+				else {
 					$menuItem.attr('aria-checked','false');
 				}
 				$menuItem.on('click',this.getCaptionOffFunction());
@@ -568,7 +568,7 @@
 		}
 		// add keyboard handlers for navigating within popups
 		$menu.on('keydown',function (e) {
-			
+
 			whichMenu = $(this).attr('id').split('-')[1];
 			$thisItem = $(this).find('li:focus');
 			if ($thisItem.is(':first-child')) {
@@ -588,23 +588,23 @@
 			if (e.which === 9) { // Tab
 				if (e.shiftKey) {
 					$thisItem.removeClass('able-focus');
-					$prevItem.focus().addClass('able-focus');
+					$prevItem.trigger('focus').addClass('able-focus');
 				}
 				else {
 					$thisItem.removeClass('able-focus');
-					$nextItem.focus().addClass('able-focus');
+					$nextItem.trigger('focus').addClass('able-focus');
 				}
 			}
 			else if (e.which === 40 || e.which === 39) { // down or right arrow
 				$thisItem.removeClass('able-focus');
-				$nextItem.focus().addClass('able-focus');
+				$nextItem.trigger('focus').addClass('able-focus');
 			}
 			else if (e.which == 38 || e.which === 37) { // up or left arrow
 				$thisItem.removeClass('able-focus');
-				$prevItem.focus().addClass('able-focus');
+				$prevItem.trigger('focus').addClass('able-focus');
 			}
 			else if (e.which === 32 || e.which === 13) { // space or enter
-				$thisItem.click();
+				$thisItem.trigger( 'click' );
 			}
 			else if (e.which === 27) {	// Escape
 				$thisItem.removeClass('able-focus');
@@ -623,7 +623,7 @@
 
 		if (this.chaptersPopup && this.chaptersPopup.is(':visible')) {
 			this.chaptersPopup.hide();
-			this.$chaptersButton.attr('aria-expanded','false').focus();
+			this.$chaptersButton.attr('aria-expanded','false').trigger('focus');
 		}
 		if (this.captionsPopup && this.captionsPopup.is(':visible')) {
 			this.captionsPopup.hide();
@@ -645,15 +645,15 @@
 			},100);
 		}
 		if (this.$volumeSlider && this.$volumeSlider.is(':visible')) {
-			this.$volumeSlider.hide().attr('aria-hidden','true');			
-			this.$volumeButton.attr('aria-expanded', 'false').focus();
+			this.$volumeSlider.hide().attr('aria-hidden','true');
+			this.$volumeButton.attr('aria-expanded', 'false').trigger('focus');
 		}
 		if (this.$transcriptPopup && this.$transcriptPopup.is(':visible')) {
-			this.hidingPopup = true; 
+			this.hidingPopup = true;
 			this.$transcriptPopup.hide();
 			// restore menu items to their original state
 			this.$transcriptPopup.find('li').removeClass('able-focus').attr('tabindex','-1');
-			this.$transcriptPopupButton.attr('aria-expanded','false').focus();			
+			this.$transcriptPopupButton.attr('aria-expanded','false').trigger('focus');
 			// wait briefly, then reset hidingPopup
 			setTimeout(function() {
 				thisObj.hidingPopup = false;
@@ -663,7 +663,7 @@
 			this.$signPopup.hide();
 			// restore menu items to their original state
 			this.$signPopup.find('li').removeClass('able-focus').attr('tabindex','-1');
-			this.$signPopupButton.attr('aria-expanded','false').focus();
+			this.$signPopupButton.attr('aria-expanded','false').trigger('focus');
 		}
 	};
 
@@ -738,101 +738,101 @@
 
 	AblePlayer.prototype.provideFallback = function() {
 
-		// provide fallback in case of a critical error building the player 
-		// to test, set data-test-fallback to either of the following values: 
-		// 1 = emulate failure to build Able Player 
-		// 2 = emulate browser that doesn't support HTML5 media 
+		// provide fallback in case of a critical error building the player
+		// to test, set data-test-fallback to either of the following values:
+		// 1 = emulate failure to build Able Player
+		// 2 = emulate browser that doesn't support HTML5 media
 
 		var i, $fallback;
 
-		if (this.usingFallback) { 
-			// fallback has already been implemented. 
+		if (this.usingFallback) {
+			// fallback has already been implemented.
 			// stopgap to prevent this function from executing twice on the same media element
-			return; 
+			return;
 		}
-		else { 
-			this.usingFallback = true; 
+		else {
+			this.usingFallback = true;
 		}
 
-		if (!this.testFallback) { 
-			// this is not a test. 
-			// an actual error has resulted in this function being called. 
-			// use scenario 1 
-			this.testFallback = 1; 
+		if (!this.testFallback) {
+			// this is not a test.
+			// an actual error has resulted in this function being called.
+			// use scenario 1
+			this.testFallback = 1;
 		}
 
-		if (typeof this.$media === 'undefined') { 
-			// this function has been called prior to initialize.js > reinitialize() 
+		if (typeof this.$media === 'undefined') {
+			// this function has been called prior to initialize.js > reinitialize()
 			// before doing anything, need to create the jQuery media object
-			this.$media = $(this.media); 
-		} 
+			this.$media = $(this.media);
+		}
 
-		// get/assign an id for the media element 
-		if (this.$media.attr('id')) { 
-			this.mediaId = this.$media.attr('id'); 
+		// get/assign an id for the media element
+		if (this.$media.attr('id')) {
+			this.mediaId = this.$media.attr('id');
 		}
-		else { 
+		else {
 			this.mediaId = 'media' + Math.floor(Math.random() * 1000000000).toString();
-		} 
-
-		// check whether element has nested fallback content 
-		this.hasFallback = false; 
-		if (this.$media.children().length) { 
-			i = 0; 
-			while (i < this.$media.children().length && !this.hasFallback) { 
-				if (!(this.$media.children()[i].tagName === 'SOURCE' || 
-					this.$media.children()[i].tagName === 'TRACK')) { 
-					// this element is something other than <source> or <track> 
-					this.hasFallback = true; 
+		}
+
+		// check whether element has nested fallback content
+		this.hasFallback = false;
+		if (this.$media.children().length) {
+			i = 0;
+			while (i < this.$media.children().length && !this.hasFallback) {
+				if (!(this.$media.children()[i].tagName === 'SOURCE' ||
+					this.$media.children()[i].tagName === 'TRACK')) {
+					// this element is something other than <source> or <track>
+					this.hasFallback = true;
 				}
-				i++; 
+				i++;
 			}
 		}
-		if (!this.hasFallback) { 
-			// the HTML code does not include any nested fallback content 
-			// inject our own 
-			// NOTE: this message is not translated, since fallback may be needed 
-			// due to an error loading the translation file 
-			// This will only be needed on very rare occasions, so English is ok. 
-			$fallback = $('<p>').text('Media player unavailable.'); 
-			this.$media.append($fallback); 
+		if (!this.hasFallback) {
+			// the HTML code does not include any nested fallback content
+			// inject our own
+			// NOTE: this message is not translated, since fallback may be needed
+			// due to an error loading the translation file
+			// This will only be needed on very rare occasions, so English is ok.
+			$fallback = $('<p>').text('Media player unavailable.');
+			this.$media.append($fallback);
 		}
 
-		// get height and width attributes, if present 
+		// get height and width attributes, if present
 		// and add them to a style attribute
-		if (this.$media.attr('width')) { 
-			this.$media.css('width',this.$media.attr('width') + 'px'); 
+		if (this.$media.attr('width')) {
+			this.$media.css('width',this.$media.attr('width') + 'px');
 		}
-		if (this.$media.attr('height')) { 
-			this.$media.css('height',this.$media.attr('height') + 'px'); 
+		if (this.$media.attr('height')) {
+			this.$media.css('height',this.$media.attr('height') + 'px');
 		}
-		// Remove data-able-player attribute 
-		this.$media.removeAttr('data-able-player'); 
+		// Remove data-able-player attribute
+		this.$media.removeAttr('data-able-player');
 
 		// Add controls attribute (so browser will add its own controls)
-		this.$media.prop('controls',true); 
+		this.$media.prop('controls',true);
 
-		if (this.testFallback == 2) { 
+		if (this.testFallback == 2) {
 
-			// emulate browser failure to support HTML5 media by changing the media tag name 
-			// browsers should display the supported content that's nested inside 
+			// emulate browser failure to support HTML5 media by changing the media tag name
+			// browsers should display the supported content that's nested inside
 			$(this.$media).replaceWith($('<foobar id="foobar-' + this.mediaId + '">'));
-			this.$newFallbackElement = $('#foobar-' + this.mediaId); 			
-
-			// append all children from the original media 
-			if (this.$media.children().length) { 
-				i = this.$media.children().length - 1; 
-				while (i >= 0) { 
-					this.$newFallbackElement.prepend($(this.$media.children()[i])); 
-					i--; 
+			this.$newFallbackElement = $('#foobar-' + this.mediaId);
+
+			// append all children from the original media
+			if (this.$media.children().length) {
+				i = this.$media.children().length - 1;
+				while (i >= 0) {
+					this.$newFallbackElement.prepend($(this.$media.children()[i]));
+					i--;
 				}
 			}
-			if (!this.hasFallback) { 
+			if (!this.hasFallback) {
 				// inject our own fallback content, defined above
 				this.$newFallbackElement.append($fallback);
 			}
 		}
-		return; 
+		return;
 	};
 
 	AblePlayer.prototype.calculateControlLayout = function () {
@@ -906,7 +906,7 @@
 				controlLayout[1].push('sign');
 			}
 		}
-		if (this.mediaType === 'video') { 
+		if (this.mediaType === 'video') {
 			if (this.hasOpenDesc || this.hasClosedDesc) {
 				numA11yButtons++;
 				if (this.skin === 'legacy') {
@@ -1012,7 +1012,7 @@
 		}).hide();
 		this.$controllerDiv.append(this.$tooltipDiv);
 
-		if (this.skin == '2020') {			
+		if (this.skin == '2020') {
 			// add a full-width seek bar
 			$sliderDiv = $('<div class="able-seekbar"></div>');
 			sliderLabel = this.mediaType + ' ' + this.tt.seekbarLabel;
@@ -1290,13 +1290,13 @@
 						var controllerWidth = thisObj.$controllerDiv.width();
 						position.right = controllerWidth - position.left - buttonWidth;
 
-						// The following formula positions tooltip above the button  
+						// The following formula positions tooltip above the button
 						// var tooltipY = position.top - buttonHeight - 15;
 
-						// The following formula positions tooltip below the button 
+						// The following formula positions tooltip below the button
 						// which allows the tooltip to be hoverable as per WCAG 2.x SC 1.4.13
-						// without obstructing the seekbar 
-						var tooltipY = position.top + buttonHeight + 5; 
+						// without obstructing the seekbar
+						var tooltipY = position.top + buttonHeight + 5;
 
 						if ($(this).parent().hasClass('able-right-controls')) {
 							// this control is on the right side
@@ -1340,13 +1340,13 @@
 							// hide tooltip  (original line of code)
 							// AblePlayer.localGetElementById($newButton[0], tooltipId).text('').hide();
 
-							// The above line was replaced with the following block 
-							// in order to meet WCAG 2.x SC 1.4.13 
+							// The above line was replaced with the following block
+							// in order to meet WCAG 2.x SC 1.4.13
 							// (keep the tooltip visible if user hovers over it)
-							// This causes unwanted side effects if tooltips are positioned above the buttons 
-							// as the persistent tooltip obstructs the seekbar, 
-							// blocking users from being able to move a pointer from a button to the seekbar 
-							// This limitation was addressed in 4.4.49 by moving the tooltip below the buttons 
+							// This causes unwanted side effects if tooltips are positioned above the buttons
+							// as the persistent tooltip obstructs the seekbar,
+							// blocking users from being able to move a pointer from a button to the seekbar
+							// This limitation was addressed in 4.4.49 by moving the tooltip below the buttons
 
 							// clear existing timeout before reassigning variable
 							clearTimeout(tooltipTimerId);
@@ -1363,8 +1363,8 @@
 							thisObj.$tooltipDiv.on('mouseleave blur', function() {
 								AblePlayer.localGetElementById($newButton[0], tooltipId).text('').hide();
 							});
-							
-						}); 
+
+						});
 					});
 
 					if (control === 'captions') {
@@ -1400,7 +1400,7 @@
 						// if player is being rebuilt because user clicked the Prev button
 						// return focus to that (newly built) button
 						if (this.buttonWithFocus == 'previous') {
-							this.$prevButton.focus();
+							this.$prevButton.trigger('focus');
 							this.buttonWithFocus = null;
 						}
 					}
@@ -1409,7 +1409,7 @@
 						// if player is being rebuilt because user clicked the Next button
 						// return focus to that (newly built) button
 						if (this.buttonWithFocus == 'next') {
-							this.$nextButton.focus();
+							this.$nextButton.trigger('focus');
 							this.buttonWithFocus = null;
 						}
 					}
@@ -1700,19 +1700,19 @@
 		// set swappingSrc; needs to be true within recreatePlayer(), called below
 		this.swappingSrc = true;
 
-		// if a new playlist item is being requested, and playback has already started,  
-		// it should be ok to play automatically, regardless of how it was requested 
-		if (this.startedPlaying) { 
-			this.okToPlay = true; 
+		// if a new playlist item is being requested, and playback has already started,
+		// it should be ok to play automatically, regardless of how it was requested
+		if (this.startedPlaying) {
+			this.okToPlay = true;
 		}
-		else { 
-			this.okToPlay = false; 
+		else {
+			this.okToPlay = false;
 		}
 
-		// We are no longer loading the previous media source 
-		// Only now, as a new source is requested, is it safe to reset this var 
-		// It will be reset to true when media.load() is called 
-		this.loadingMedia = false; 
+		// We are no longer loading the previous media source
+		// Only now, as a new source is requested, is it safe to reset this var
+		// It will be reset to true when media.load() is called
+		this.loadingMedia = false;
 
 		// Determine appropriate player to play this media
 		$newItem = this.$playlist.eq(sourceIndex);
@@ -1822,18 +1822,18 @@
 		this.$sources = this.$media.find('source');
 
 		// recreate player, informed by new attributes and track elements
-		if (this.recreatingPlayer) { 
+		if (this.recreatingPlayer) {
 			// stopgap to prevent multiple firings of recreatePlayer()
-			return; 
+			return;
 		}
-		this.recreatePlayer().then(function() { 
+		this.recreatePlayer().then(function() {
 
 			// update playlist to indicate which item is playing
 			thisObj.$playlist.removeClass('able-current')
 				.children('button').removeAttr('aria-current');
 			thisObj.$playlist.eq(sourceIndex).addClass('able-current')
-				.children('button').attr('aria-current','true'); 
-			
+				.children('button').attr('aria-current','true');
+
 			// update Now Playing div
 			if (thisObj.showNowPlaying === true) {
 				if (typeof thisObj.$nowPlayingDiv !== 'undefined') {
@@ -1852,42 +1852,42 @@
 			}
 			else {
 				if (thisObj.player === 'html5') {
-					if (!thisObj.loadingMedia) { 
+					if (!thisObj.loadingMedia) {
 						thisObj.media.load();
-						thisObj.loadingMedia = true; 
+						thisObj.loadingMedia = true;
 					}
 				}
 				else if (thisObj.player === 'youtube') {
-					thisObj.okToPlay = true; 
+					thisObj.okToPlay = true;
 				}
 			}
 			thisObj.initializing = false;
-			thisObj.playerCreated = true; // remains true until browser is refreshed		
-		});	
+			thisObj.playerCreated = true; // remains true until browser is refreshed
+		});
 	};
 
 	AblePlayer.prototype.deletePlayer = function(context) {
 
-		// remove player components that need to be rebuilt 
-		// after swapping media sources that have different durations 
-		// or explicitly declared data-desc attributes  
+		// remove player components that need to be rebuilt
+		// after swapping media sources that have different durations
+		// or explicitly declared data-desc attributes
 
-		// Context is one of the following: 
-		// playlist - called from cuePlaylistItem() 
+		// Context is one of the following:
+		// playlist - called from cuePlaylistItem()
 		// swap-desc-html - called from swapDescription with this.player == 'html'
-		// swap-desc-youtube - called from swapDescription with this.player == 'youtube'  
-		// swap-desc-vimeo -  called from swapDescription with this.player == 'vimeo'  
+		// swap-desc-youtube - called from swapDescription with this.player == 'youtube'
+		// swap-desc-vimeo -  called from swapDescription with this.player == 'vimeo'
 
-		if (this.player === 'youtube' && this.youTubePlayer) { 
-			this.youTubePlayer.destroy(); 
+		if (this.player === 'youtube' && this.youTubePlayer) {
+			this.youTubePlayer.destroy();
 		}
 
-		if (this.player === 'vimeo' && this.vimeoPlayer) { 
-			this.vimeoPlayer.destroy(); 
+		if (this.player === 'vimeo' && this.vimeoPlayer) {
+			this.vimeoPlayer.destroy();
 		}
 
 
-/*	TODO - Investigate: when is this needed? 
+/*	TODO - Investigate: when is this needed?
 		// remove previous video's attributes and child elements from media element
 		this.$media.removeAttr('poster width height');
 		this.$media.empty();
@@ -1898,7 +1898,7 @@
 		// this.$timer.empty();
 		this.$elapsedTimeContainer.empty().text('0:00'); // span.able-elapsedTime
 		this.$durationContainer.empty(); // span.able-duration
-		
+
 		// Remove popup windows and modal dialogs; these too will be rebuilt
 		if (this.$signWindow) {
 				this.$signWindow.remove();
@@ -1907,27 +1907,27 @@
 				this.$transcriptArea.remove();
 		}
 		$('.able-modal-dialog').remove();
-		
-		// Remove caption and description wrappers 
+
+		// Remove caption and description wrappers
 		if (this.$captionsWrapper) {
 			this.$captionsWrapper.remove();
 		}
-		if (this.$descDiv) { 
-			this.$descDiv.remove(); 
+		if (this.$descDiv) {
+			this.$descDiv.remove();
 		}
-		
+
 		// reset key variables
 		this.hasCaptions = false;
 		this.hasChapters = false;
-		this.hasDescTracks = false; 
+		this.hasDescTracks = false;
 		this.hasOpenDesc = false;
-		this.hasClosedDesc = false; 
+		this.hasClosedDesc = false;
 
 		this.captionsPopup = null;
 		this.chaptersPopup = null;
 		this.transcriptType = null;
 
-		this.playerDeleted = true; // will reset to false in recreatePlayer() 
+		this.playerDeleted = true; // will reset to false in recreatePlayer()
 	};
 
 	AblePlayer.prototype.getButtonTitle = function(control) {
@@ -2006,12 +2006,12 @@
 		else if (control === 'help') {
 			// return this.tt.help;
 		}
-		else if (control === 'fullscreen') { 
+		else if (control === 'fullscreen') {
 			if (!this.fullscreen) {
-				return this.tt.enterFullscreen; 
+				return this.tt.enterFullScreen;
 			}
-			else { 
-				return this.tt.exitFullscreen; 
+			else {
+				return this.tt.exitFullScreen;
 			}
 		}
 		else {
diff --git a/scripts/chapters.js b/scripts/chapters.js
index 26e7b6ed..0897bf9b 100644
--- a/scripts/chapters.js
+++ b/scripts/chapters.js
@@ -11,7 +11,7 @@
 			this.$chaptersDiv.addClass('able-chapters-div');
 
 			// empty content from previous build before starting fresh
-			this.$chaptersDiv.empty(); 
+			this.$chaptersDiv.empty();
 
 			// add optional header
 			if (this.chaptersTitle) {
@@ -47,7 +47,7 @@
 
 		thisObj = this;
 
-		// TODO: Update this so it can change the chapters popup menu 
+		// TODO: Update this so it can change the chapters popup menu
 		// currently it only works if chapters are in an external container
 		if (!this.$chaptersNav) {
 			return false;
@@ -266,7 +266,7 @@
 			setTimeout(function() {
 				thisObj.hidingPopup = false;
 			}, 100);
-			thisObj.$chaptersButton.focus();
+			thisObj.$chaptersButton.trigger('focus');
 		}
 	};
 
diff --git a/scripts/control.js b/scripts/control.js
index 444935c5..b62c6d29 100644
--- a/scripts/control.js
+++ b/scripts/control.js
@@ -1,4 +1,5 @@
 (function ($) {
+
 	AblePlayer.prototype.seekTo = function (newTime) {
 
 		var thisObj = this;
@@ -11,8 +12,8 @@
 		this.seeking = true;
 		this.liveUpdatePending = true;
 
-		if (this.speakingDescription) { 			
-			this.synth.cancel(); 
+		if (this.speakingDescription) {
+			this.synth.cancel();
 		}
 
 		if (this.player === 'html5') {
@@ -25,8 +26,8 @@
 				// ok to seek to startTime
 				// canplaythrough will be triggered when seeking is complete
 				// this.seeking will be set to false at that point
-				this.media.currentTime = this.startTime; 
-				this.seekStatus = 'complete'; 
+				this.media.currentTime = this.startTime;
+				this.seekStatus = 'complete';
 				if (this.hasSignLanguage && this.signVideo) {
 					// keep sign languge video in sync
 					this.signVideo.currentTime = this.startTime;
@@ -119,15 +120,15 @@
 		else {
 			var duration;
 			if (this.player === 'html5') {
-				duration = this.media.duration;			
+				duration = this.media.duration;
 			}
 			else if (this.player === 'youtube') {
 				if (this.youTubePlayerReady) {
-					if (this.duration > 0) { 
+					if (this.duration > 0) {
 						// duration was already retrieved while checking for captions
-						duration = this.duration; 
+						duration = this.duration;
 					}
-					else { 
+					else {
 						duration = this.youTubePlayer.getDuration();
 					}
 				}
@@ -197,11 +198,11 @@
 	AblePlayer.prototype.getPlayerState = function () {
 
 		// Returns one of the following states:
-		//	'stopped' - Not yet played for the first time, or otherwise reset to unplayed.
-		//	'ended' - Finished playing.
-		//	'paused' - Not playing, but not stopped or ended.
-		//	'buffering' - Momentarily paused to load, but will resume once data is loaded.
-		//	'playing' - Currently playing.
+		// - 'stopped' - Not yet played for the first time, or otherwise reset to unplayed.
+		// - 'ended' - Finished playing.
+		// - 'paused' - Not playing, but not stopped or ended.
+		// - 'buffering' - Momentarily paused to load, but will resume once data is loaded.
+		// - 'playing' - Currently playing.
 
 		// Commented out the following in 3.2.1 - not sure of its intended purpose
 		// It can be useful to know player state even when swapping src
@@ -282,13 +283,13 @@
 			}
 		}
 		else if (this.player === 'youtube') {
-			// Youtube supports varying playback rates per video.	 
+			// Youtube supports varying playback rates per video.
 			// Only expose controls if more than one playback rate is available.
-			if (this.youTubePlayerReady) { 
+			if (this.youTubePlayerReady) {
 				if (this.youTubePlayer.getAvailablePlaybackRates().length > 1) {
 					return true;
 				}
-				else { 
+				else {
 					return false;
 				}
 			}
@@ -303,12 +304,12 @@
 	};
 
 	AblePlayer.prototype.setPlaybackRate = function (rate) {
-		
+
 		rate = Math.max(0.5, rate);
 
-		if (this.hasClosedDesc && this.descMethod === 'text') { 
-			// keep speech rate in sync with playback rate even if descOn is false 
-			this.syncSpeechToPlaybackRate(rate); 
+		if (this.hasClosedDesc && this.descMethod === 'text') {
+			// keep speech rate in sync with playback rate even if descOn is false
+			this.syncSpeechToPlaybackRate(rate);
 		}
 
 		if (this.player === 'html5') {
@@ -325,7 +326,7 @@
 		}
 		this.playbackRate = rate;
 		this.$speed.text(this.tt.speed + ': ' + rate.toFixed(2).toString() + 'x');
-	};	
+	};
 
 	AblePlayer.prototype.getPlaybackRate = function () {
 
@@ -341,7 +342,7 @@
 
 	AblePlayer.prototype.isPaused = function () {
 
-		 // Note there are three player states that count as paused in this sense,
+		// Note there are three player states that count as paused in this sense,
 		// and one of them is named 'paused'.
 		// A better name would be 'isCurrentlyNotPlayingOrBuffering'
 
@@ -550,7 +551,7 @@
 					// Only update the aria live region if we have an update pending
 					// (from a seek button control) or if the seekBar has focus.
 					// We use document.activeElement instead of $(':focus') due to a strange bug:
-					// 	When the seekHead element is focused, .is(':focus') is failing and $(':focus') is returning an undefined element.
+					// When the seekHead element is focused, .is(':focus') is failing and $(':focus') is returning an undefined element.
 					updateLive = this.liveUpdatePending || this.seekBar.seekHead.is($(document.activeElement));
 					this.liveUpdatePending = false;
 					if (this.useChapterTimes) {
@@ -609,9 +610,9 @@
 					}
 					else {
 						// seekbar is wide enough to fill the remaining space
-						// include a 5px buffer to account for minor browser differences  
+						// include a 5px buffer to account for minor browser differences
 						seekbarWidth = this.$ableWrapper.width() - widthUsed - 5;
-					}					
+					}
 					// Sometimes some minor fluctuations based on browser weirdness, so set a threshold.
 					if (Math.abs(seekbarWidth - this.seekBar.getWidth()) > 5) {
 						this.seekBar.setWidth(seekbarWidth);
@@ -708,16 +709,16 @@
 		if (context === 'fullscreen' || context == 'init'){
 			if (this.$fullscreenButton) {
 				if (!this.fullscreen) {
-					this.$fullscreenButton.attr('aria-label', this.tt.enterFullscreen);
+					this.$fullscreenButton.attr('aria-label', this.tt.enterFullScreen);
 					if (this.iconType === 'font') {
 						this.$fullscreenButton.find('span').first().removeClass('icon-fullscreen-collapse').addClass('icon-fullscreen-expand');
-						this.$fullscreenButton.find('span.able-clipped').text(this.tt.enterFullscreen);
+						this.$fullscreenButton.find('span.able-clipped').text(this.tt.enterFullScreen);
 					}
 					else if (this.iconType === 'svg') {
 						newSvgData = this.getSvgData('fullscreen-expand');
 						this.$fullscreenButton.find('svg').attr('viewBox',newSvgData[0]);
 						this.$fullscreenButton.find('path').attr('d',newSvgData[1]);
-						this.$fullscreenButton.find('span.able-clipped').text(this.tt.enterFullscreen);
+						this.$fullscreenButton.find('span.able-clipped').text(this.tt.enterFullScreen);
 					}
 					else {
 						this.$fullscreenButton.find('img').attr('src',this.fullscreenExpandButtonImg);
@@ -982,36 +983,36 @@
 	AblePlayer.prototype.handlePlay = function(e) {
 
 		if (this.paused) {
-			// user clicked play 
-			this.okToPlay = true; 
+			// user clicked play
+			this.okToPlay = true;
 			this.playMedia();
-			if (this.synth.paused) { 
-				// media was paused while description was speaking 
-				// resume utterance 
-				this.synth.resume(); 
+			if (this.synth.paused) {
+				// media was paused while description was speaking
+				// resume utterance
+				this.synth.resume();
 			}
 		}
 		else {
 			// user clicked pause
-			this.okToPlay = false; 
+			this.okToPlay = false;
 			this.pauseMedia();
-			if (this.speakingDescription) { 
-				// pause the current utterance 
-				// it will resume when the user presses play 
-				this.synth.pause();				
+			if (this.speakingDescription) {
+				// pause the current utterance
+				// it will resume when the user presses play
+				this.synth.pause();
 			}
 		}
-		if (this.speechEnabled === null) { 			
-			this.initSpeech('play'); 
+		if (this.speechEnabled === null) {
+			this.initSpeech('play');
 		}
 	};
 
 	AblePlayer.prototype.handleRestart = function() {
 
-		if (this.speakingDescription) { 
-			// cancel audio description 
-			this.synth.cancel();				
-		}			
+		if (this.speakingDescription) {
+			// cancel audio description
+			this.synth.cancel();
+		}
 		this.seekTo(0);
 	};
 
@@ -1184,8 +1185,8 @@
 				if (this.usingYouTubeCaptions) {
 					this.youTubePlayer.unloadModule('captions');
 				}
-				else if (this.usingVimeoCaptions) { 
-					this.vimeoPlayer.disableTextTrack(); 
+				else if (this.usingVimeoCaptions) {
+					this.vimeoPlayer.disableTextTrack();
 				}
 				else {
 					this.$captionsWrapper.hide();
@@ -1200,7 +1201,7 @@
 				if (this.usingYouTubeCaptions) {
 					this.youTubePlayer.loadModule('captions');
 				}
-				else if (this.usingVimeoCaptions) { 
+				else if (this.usingVimeoCaptions) {
 					this.vimeoPlayer.enableTextTrack(this.captionLang).then(function(track) {
 						// track.language = the iso code for the language
 						// track.kind = 'captions' or 'subtitles'
@@ -1220,7 +1221,7 @@
 								console.log('Error loading ' + track.label + ' ' + track.kind + ' track');
 								break;
 							}
-					});	
+					});
 				}
 				else {
 					this.$captionsWrapper.show();
@@ -1258,7 +1259,7 @@
 						thisObj.captionsPopup.css('left', thisObj.$ccButton.position().left)
 						// Place focus on the first button (even if another button is checked)
 						thisObj.captionsPopup.find('li').removeClass('able-focus');
-						thisObj.captionsPopup.find('li').first().focus().addClass('able-focus');
+						thisObj.captionsPopup.find('li').first().trigger('focus').addClass('able-focus');
 					}, 50);
 				}
 			}
@@ -1268,7 +1269,7 @@
 	/**
 	 * Gives enough time for DOM changes to take effect before adjusting focus.
 	 * Helpful for allowing screen reading of elements whose state is intermittently changed.
-	 * 
+	 *
 	 * @param {*} $el element to focus on
 	 * @param {*} timeout optional wait time in milliseconds before focus
 	 */
@@ -1276,9 +1277,9 @@
 
 		// Default wait time of 50 ms
 		var _timeout = (timeout === undefined || timeout === null) ? 50 : timeout;
-		
+
 		setTimeout(function() {
-			$el.focus();
+			$el.trigger('focus');
 		}, _timeout);
 	}
 
@@ -1292,7 +1293,7 @@
 		if (this.chaptersPopup.is(':visible')) {
 			this.chaptersPopup.hide();
 			this.hidingPopup = false;
-			this.$chaptersButton.attr('aria-expanded','false').focus();
+			this.$chaptersButton.attr('aria-expanded','false').trigger('focus');
 		}
 		else {
 			this.closePopups();
@@ -1305,10 +1306,10 @@
 			// Otherwise, place focus on the first chapter
 			this.chaptersPopup.find('li').removeClass('able-focus');
 			if (this.chaptersPopup.find('li[aria-checked="true"]').length) {
-				this.chaptersPopup.find('li[aria-checked="true"]').focus().addClass('able-focus');
+				this.chaptersPopup.find('li[aria-checked="true"]').trigger('focus').addClass('able-focus');
 			}
 			else {
-				this.chaptersPopup.find('li').first().addClass('able-focus').attr('aria-checked','true').focus();
+				this.chaptersPopup.find('li').first().addClass('able-focus').attr('aria-checked','true').trigger('focus');
 			}
 		}
 	};
@@ -1322,7 +1323,7 @@
 			if (!this.$descDiv.is(':hidden')) {
 				this.$descDiv.hide();
 			}
-			// NOTE: now showing $descDiv here if previously hidden 
+			// NOTE: now showing $descDiv here if previously hidden
 			// that's handled elsewhere, dependent on whether there's text to show
 		}
 		this.initDescription();
@@ -1344,8 +1345,8 @@
 
 		thisObj = this;
 
-		if (this.speechEnabled === null) { 			
-			this.initSpeech('prefs'); 
+		if (this.speechEnabled === null) {
+			this.initSpeech('prefs');
 		}
 		if (this.hidingPopup) {
 			// stopgap to prevent spacebar in Firefox from reopening popup
@@ -1359,7 +1360,7 @@
 			// restore each menu item to original hidden state
 			this.prefsPopup.find('li').removeClass('able-focus').attr('tabindex','-1');
 			if (!this.showingPrefsDialog) {
-				this.$prefsButton.focus();
+				this.$prefsButton.trigger('focus');
 			}
 			// wait briefly, then reset hidingPopup
 			setTimeout(function() {
@@ -1370,7 +1371,7 @@
 			this.closePopups();
 			this.prefsPopup.show();
 			this.$prefsButton.attr('aria-expanded','true');
-			this.$prefsButton.focus(); // focus first on prefs button to announce expanded state
+			this.$prefsButton.trigger('focus'); // focus first on prefs button to announce expanded state
 			// give time for focus on button then adjust popup settings and focus
 			setTimeout(function() {
 				prefsButtonPosition = thisObj.$prefsButton.position();
@@ -1380,7 +1381,7 @@
 				thisObj.prefsPopup.css('left', prefsMenuLeft);
 				// remove prior focus and set focus on first item; also change tabindex from -1 to 0
 				thisObj.prefsPopup.find('li').removeClass('able-focus').attr('tabindex','0');
-				thisObj.prefsPopup.find('li').first().focus().addClass('able-focus');
+				thisObj.prefsPopup.find('li').first().trigger('focus').addClass('able-focus');
 			}, 50);
 		}
 	};
@@ -1399,7 +1400,7 @@
 			this.$transcriptButton.addClass('buttonOff').attr('aria-label',this.tt.showTranscript);
 			this.$transcriptButton.find('span.able-clipped').text(this.tt.showTranscript);
 			this.prefTranscript = 0;
-			this.$transcriptButton.focus().addClass('able-focus');
+			this.$transcriptButton.trigger('focus').addClass('able-focus');
 			// wait briefly before resetting stopgap var
 			// otherwise the keypress used to select 'Close' will trigger the transcript button
 			// Benchmark tests: If this is gonna happen, it typically happens in around 3ms; max 12ms
@@ -1419,7 +1420,7 @@
 			this.prefTranscript = 1;
 			// move focus to first focusable element (window options button)
 			this.focusNotClick = true;
-			this.$transcriptArea.find('button').first().focus();
+			this.$transcriptArea.find('button').first().trigger('focus');
 			// wait briefly before resetting stopgap var
 			setTimeout(function() {
 				thisObj.focusNotClick = false;
@@ -1437,7 +1438,7 @@
 			this.$signButton.addClass('buttonOff').attr('aria-label',this.tt.showSign);
 			this.$signButton.find('span.able-clipped').text(this.tt.showSign);
 			this.prefSign = 0;
-			this.$signButton.focus().addClass('able-focus');
+			this.$signButton.trigger('focus').addClass('able-focus');
 			// wait briefly before resetting stopgap var
 			// otherwise the keypress used to select 'Close' will trigger the transcript button
 			setTimeout(function() {
@@ -1454,7 +1455,7 @@
 			this.$signButton.find('span.able-clipped').text(this.tt.hideSign);
 			this.prefSign = 1;
 			this.focusNotClick = true;
-			this.$signWindow.find('button').first().focus();
+			this.$signWindow.find('button').first().trigger('focus');
 			// wait briefly before resetting stopgap var
 			// otherwise the keypress used to select 'Close' will trigger the transcript button
 			setTimeout(function() {
@@ -1516,7 +1517,7 @@
 			}
 			else {
 				// Exit fullscreen
-				this.restoringAfterFullscreen = true; 
+				this.restoringAfterFullscreen = true;
 				if (document.exitFullscreen) {
 					document.exitFullscreen();
 				}
@@ -1543,7 +1544,7 @@
 				// create a hidden alert, communicated to screen readers via aria-describedby
 				var $fsDialogAlert = $('<p>',{
 					'class': 'able-screenreader-alert'
-				}).text(this.tt.fullscreen); // In English: "Full screen"; TODO: Add alert text that is more descriptive
+				}).text(this.tt.fullScreen); // In English: "Full screen"; TODO: Add alert text that is more descriptive
 				$dialogDiv.append($fsDialogAlert);
 				// now render this as a dialog
 				this.fullscreenDialog = new AccessibleDialog($dialogDiv, this.$fullscreenButton, 'dialog', true, 'Fullscreen video player', $fsDialogAlert, this.tt.exitFullscreen, '100%', true, function () { thisObj.handleFullscreenToggle() });
@@ -1568,7 +1569,7 @@
 					$el.width('100%');
 				}
 				var newHeight = $(window).height() - this.$playerDiv.height();
-				if (typeof this.$descDiv !== 'undefined') {				
+				if (typeof this.$descDiv !== 'undefined') {
 					if (!this.$descDiv.is(':hidden')) {
 						newHeight -= this.$descDiv.height();
 					}
@@ -1589,9 +1590,9 @@
 				this.playMedia();
 			}
 		}
-		// add event handlers for changes in fullscreen mode. 
-		// Browsers natively trigger this event with the Escape key,  
-		// in addition to clicking the exit fullscreen button 
+		// add event handlers for changes in fullscreen mode.
+		// Browsers natively trigger this event with the Escape key,
+		// in addition to clicking the exit fullscreen button
 		$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', function(e) {
 			// NOTE: e.type = the specific event that fired (in case needing to control for browser-specific idiosyncrasies)
 			if (!thisObj.fullscreen) {
@@ -1615,9 +1616,9 @@
 			// resetting clickedFullscreenButton after a timeout seems to be better approach
 			setTimeout(function() {
 				thisObj.clickedFullscreenButton = false;
-				thisObj.restoringAfterFullscreen = false; 
+				thisObj.restoringAfterFullscreen = false;
 			},1000);
-		});		
+		});
 	};
 
 	AblePlayer.prototype.handleFullscreenToggle = function () {
@@ -1655,7 +1656,7 @@
 				}
 			}
 		}
-		// don't resizePlayer yet; that will be called in response to the window resize event 
+		// don't resizePlayer yet; that will be called in response to the window resize event
 		// this.resizePlayer();
 	};
 
@@ -1771,103 +1772,103 @@
 
 		var captionSizeOkMin, captionSizeOkMax, captionSize, newCaptionSize, newLineHeight;
 
-		var newWidth, newHeight, $iframe, alertTop; 
+		var newWidth, newHeight, $iframe, alertTop;
 
-		if (this.mediaType === 'audio') { 
-			return; 
+		if (this.mediaType === 'audio') {
+			return;
 		}
 
-		if (typeof width !== 'undefined' && typeof height !== 'undefined') { 
-			// this is being called the first time a player is initialized 
+		if (typeof width !== 'undefined' && typeof height !== 'undefined') {
+			// this is being called the first time a player is initialized
 			// width and height were collected from the HTML, YouTube, or Vimeo media API
-			// so are reflective of the actual size of the media 
-			// use these values to calculate aspectRatio 
-			this.aspectRatio = height / width;  
-			if (this.playerWidth) { 
-				// default width is already defined via a width or data-width attribute. Use that. 				
-				newWidth = this.playerWidth; 
-				if (this.playerHeight) { 
-					newHeight = this.playerHeight; 
-				}
-				else { 
-					newHeight = Math.round(newWidth * this.aspectRatio); 
-					this.playerHeight = newHeight; 
-				}
-			}
-			else { 
-				// playerWidth was not defined via HTML attributes 
-				if (this.player === 'html5') { 
+			// so are reflective of the actual size of the media
+			// use these values to calculate aspectRatio
+			this.aspectRatio = height / width;
+			if (this.playerWidth) {
+				// default width is already defined via a width or data-width attribute. Use that.
+				newWidth = this.playerWidth;
+				if (this.playerHeight) {
+					newHeight = this.playerHeight;
+				}
+				else {
+					newHeight = Math.round(newWidth * this.aspectRatio);
+					this.playerHeight = newHeight;
+				}
+			}
+			else {
+				// playerWidth was not defined via HTML attributes
+				if (this.player === 'html5') {
 					newWidth = $(window).width();
 				}
-				else { 
-					newWidth = this.$ableWrapper.width(); 
+				else {
+					newWidth = this.$ableWrapper.width();
 				}
-				newHeight = Math.round(newWidth * this.aspectRatio); 
-			}				
-		}			
-		else if (this.fullscreen) { 
-			this.$ableWrapper.addClass('fullscreen');  
-			newWidth = $(window).width();			
+				newHeight = Math.round(newWidth * this.aspectRatio);
+			}
+		}
+		else if (this.fullscreen) {
+			this.$ableWrapper.addClass('fullscreen');
+			newWidth = $(window).width();
 			// the 5 pixel buffer is arbitrary, but results in a better fit for all browsers
-			newHeight = $(window).height() - this.$playerDiv.outerHeight() - 5; 
+			newHeight = $(window).height() - this.$playerDiv.outerHeight() - 5;
 			this.positionCaptions('overlay');
 		}
-		else { // not fullscreen, and not first time initializing player 			
+		else { // not fullscreen, and not first time initializing player
 			this.$ableWrapper.removeClass('fullscreen');
-			if (this.player === 'html5') { 
-				if (this.playerWidth) { 
-					newWidth = this.playerWidth; 
+			if (this.player === 'html5') {
+				if (this.playerWidth) {
+					newWidth = this.playerWidth;
 				}
 				else {
-					// use full size of window 
-					// player will be downsized to fit container if CSS requires it 
+					// use full size of window
+					// player will be downsized to fit container if CSS requires it
 					newWidth = $(window).width();
 				}
 			}
-			else { 
-				newWidth = this.$ableWrapper.width(); 
+			else {
+				newWidth = this.$ableWrapper.width();
 			}
-			newHeight = Math.round(newWidth * this.aspectRatio); 
-			this.positionCaptions(this.prefCaptionsPosition); 
+			newHeight = Math.round(newWidth * this.aspectRatio);
+			this.positionCaptions(this.prefCaptionsPosition);
 		}
 		if (this.debug) {
-			console.log('resizePlayer to ' + newWidth + 'x' + newHeight); 		
+			console.log('resizePlayer to ' + newWidth + 'x' + newHeight);
 		}
 		// Now size the player with newWidth and newHeight
-		if (this.player === 'youtube' || this.player === 'vimeo') { 
-			$iframe = this.$ableWrapper.find('iframe'); 
-			if (this.player === 'youtube' && this.youTubePlayer) { 
-				// alternatively, YouTube API offers a method for setting the video size 
-				// this adds width and height attributes to the iframe 
-				// but might have other effects, so best to do it this way 
-				this.youTubePlayer.setSize(newWidth,newHeight); 
-			}
-			else { 
-				// Vimeo API does not have a method for changing size of player 
-				// Therefore, need to change iframe attributes directly 
+		if (this.player === 'youtube' || this.player === 'vimeo') {
+			$iframe = this.$ableWrapper.find('iframe');
+			if (this.player === 'youtube' && this.youTubePlayer) {
+				// alternatively, YouTube API offers a method for setting the video size
+				// this adds width and height attributes to the iframe
+				// but might have other effects, so best to do it this way
+				this.youTubePlayer.setSize(newWidth,newHeight);
+			}
+			else {
+				// Vimeo API does not have a method for changing size of player
+				// Therefore, need to change iframe attributes directly
 				$iframe.attr({
 					'width': newWidth,
 					'height': newHeight
-				}); 
+				});
 			}
-			if (this.playerWidth && this.playerHeight) { 
-				if (this.fullscreen) { 
-					// remove constraints 
-					$iframe.css({ 
+			if (this.playerWidth && this.playerHeight) {
+				if (this.fullscreen) {
+					// remove constraints
+					$iframe.css({
 						'max-width': '',
 						'max-height': ''
-					});	
+					});
 				}
 				else {
 					// use CSS on iframe to enforce explicitly defined size constraints
-					$iframe.css({ 
+					$iframe.css({
 						'max-width': this.playerWidth + 'px',
 						'max-height': this.playerHeight + 'px'
 					});
 				}
 			}
 		}
-		else if (this.player === 'html5') { 
+		else if (this.player === 'html5') {
 			if (this.fullscreen) {
 				this.$media.attr({
 					'width': newWidth,
@@ -1878,28 +1879,34 @@
 					'height': newHeight
 				});
 			}
-			else { 
-				// No constraints. Let CSS handle the positioning. 
+			else {
+				// No constraints. Let CSS handle the positioning.
 				this.$media.removeAttr('width height');
 				this.$ableWrapper.css({
 					'width': newWidth + 'px',
 					'height': 'auto'
 				});
-			}				
+			}
 		}
 		// Resize captions
 		if (typeof this.$captionsDiv !== 'undefined') {
 
-			// Font-size is too small in full screen view 
-			// use viewport units (vw) instead
-			// % units work fine if not fullscreen  
-			// prefCaptionSize is expressed as a percentage 
-			captionSize = parseInt(this.prefCaptionsSize,10);
-			if (this.fullscreen) { 
-				captionSize = (captionSize / 100) + 'vw'; 
+			// Font-size is too small in full screen view
+			// use viewport units (vw) for large viewports
+			// % units work fine if not fullscreen
+			// prefCaptionSize is expressed as a percentage
+			var isSmallScreen = false;
+			var windowWidth = window.screen.width;
+			if ( windowWidth < 1200 ) {
+				isSmallScreen = true;
 			}
-			else { 
-				captionSize = captionSize + '%'; 
+			captionSize = parseInt(this.prefCaptionsSize,10);
+			if (this.fullscreen && ! isSmallScreen ) {
+				captionSize = (captionSize / 100) + 'vw';
+			} else if ( this.fullscreen && isSmallScreen ) {
+				captionSize = '1.2rem';
+			} else {
+				captionSize = captionSize + '%';
 			}
 			this.$captionsDiv.css({
 				'font-size': captionSize
@@ -1908,15 +1915,15 @@
 
 		// Reposition alert message (video player only)
 		// just below the vertical center of the mediaContainer
-		// hopefully above captions, but not too far from the controller bar		
-		if (this.mediaType === 'video') { 
-			alertTop = Math.round(this.$mediaContainer.height() / 3) * 2;			
+		// hopefully above captions, but not too far from the controller bar
+		if (this.mediaType === 'video') {
+			alertTop = Math.round(this.$mediaContainer.height() / 3) * 2;
 			this.$alertBox.css({
 				top: alertTop + 'px'
 			});
 		}
 
-		this.refreshControls();			
+		this.refreshControls();
 	};
 
 	AblePlayer.prototype.retrieveOffscreenWindow = function( which, width, height ) {
@@ -2121,14 +2128,14 @@
 			this.transcriptDescriptions = descriptions;
 		}
 		if (this.selectedDescriptions) {
-			// updating description voice to match new description language			
-			this.setDescriptionVoice();			
-			if (this.$sampleDescDiv) { 
-				if (this.sampleText) { 
-					for (i = 0; i < this.sampleText.length; i++) { 
-						if (this.sampleText[i].lang === this.selectedDescriptions.language) { 
-							this.currentSampleText = this.sampleText[i]['text']; 
-							this.$sampleDescDiv.html(this.currentSampleText); 
+			// updating description voice to match new description language
+			this.setDescriptionVoice();
+			if (this.$sampleDescDiv) {
+				if (this.sampleText) {
+					for (i = 0; i < this.sampleText.length; i++) {
+						if (this.sampleText[i].lang === this.selectedDescriptions.language) {
+							this.currentSampleText = this.sampleText[i]['text'];
+							this.$sampleDescDiv.html(this.currentSampleText);
 						}
 					}
 				}
diff --git a/scripts/description.js b/scripts/description.js
index a327ab13..f9fc1239 100644
--- a/scripts/description.js
+++ b/scripts/description.js
@@ -8,12 +8,12 @@
 		// toggles the Description button or changes a description-related preference
 
 		// The following variables are applicable to delivery of description:
-		// defaultStateDescriptions == 'on' or 'off', defined by website owner (overridden by prefDesc) 
+		// defaultStateDescriptions == 'on' or 'off', defined by website owner (overridden by prefDesc)
 		// prefDesc == 1 if user wants description (i.e., Description button is on); else 0
 		// prefDescPause == 1 to pause video when description starts; else 0
 		// prefDescVisible == 1 to visibly show text-based description area; else 0
 		// prefDescMethod == either 'video' or 'text' (as of v4.0.10, prefDescMethod is always 'video')
-		// descMethod is the format actually used ('video' or 'text'), regardless of user preference 
+		// descMethod is the format actually used ('video' or 'text'), regardless of user preference
 		// hasOpenDesc == true if a described version of video is available via data-desc-src attribute
 		// hasClosedDesc == true if a description text track is available
 		// descOn == true if description of either type is on
@@ -26,8 +26,8 @@
 		promise = deferred.promise();
 		thisObj = this;
 
-		if (this.mediaType === 'audio') { 
-			deferred.resolve(); 
+		if (this.mediaType === 'audio') {
+			deferred.resolve();
 		}
 
 		// check to see if there's an open-described version of this video
@@ -40,7 +40,7 @@
 		else {
 			// there's no open-described version via data-desc-src,
 			// but what about data-youtube-desc-src or data-vimeo-desc-src?
-			// if these exist, they would have been defined earlier 
+			// if these exist, they would have been defined earlier
 			if (this.youTubeDescId || this.vimeoDescId) {
 				this.hasOpenDesc = true;
 			}
@@ -51,13 +51,13 @@
 
 		// Set this.descMethod based on media availability & user preferences
 		if (this.hasOpenDesc && this.hasClosedDesc) {
-			// both formats are available. User gets their preference. 
-			if (this.prefDescMethod) { 
+			// both formats are available. User gets their preference.
+			if (this.prefDescMethod) {
 				this.descMethod = this.prefDescMethod;
 			}
-			else { 
-				// user has no preference. Video is default. 
-				this.descMethod = 'video'; 
+			else {
+				// user has no preference. Video is default.
+				this.descMethod = 'video';
 			}
 		}
 		else if (this.hasOpenDesc) {
@@ -66,33 +66,33 @@
 		else if (this.hasClosedDesc) {
 			this.descMethod = 'text';
 		}
-		else { 
-			// no description is available for this video 
-			this.descMethod = null; 
+		else {
+			// no description is available for this video
+			this.descMethod = null;
 		}
 
 		// Set the default state of descriptions
-		if (this.descMethod) { 
-			if (this.prefDesc === 1) { 
-				this.descOn = true; 
+		if (this.descMethod) {
+			if (this.prefDesc === 1) {
+				this.descOn = true;
 			}
-			else if (this.prefDesc === 0) { 
-				this.descOn = false; 
+			else if (this.prefDesc === 0) {
+				this.descOn = false;
 			}
-			else { 				
-				// user has no prefs. Use default state. 
-				if (this.defaultStateDescriptions === 1)	{ 			
-					this.descOn = true; 
+			else {
+				// user has no prefs. Use default state.
+				if (this.defaultStateDescriptions === 1)	{
+					this.descOn = true;
 				}
-				else { 
-					this.descOn = false; 
+				else {
+					this.descOn = false;
 				}
 			}
 		}
-		else { 			
+		else {
 			this.descOn = false;
 		}
-		if (typeof this.$descDiv === 'undefined' && this.hasClosedDesc && this.descMethod === 'text') {		
+		if (typeof this.$descDiv === 'undefined' && this.hasClosedDesc && this.descMethod === 'text') {
 			this.injectTextDescriptionArea();
 		}
 
@@ -135,7 +135,7 @@
 			}
 		}
 		deferred.resolve();
-		return promise; 
+		return promise;
 	};
 
 	AblePlayer.prototype.usingDescribedVersion = function () {
@@ -153,107 +153,76 @@
 		}
 	};
 
-	AblePlayer.prototype.initSpeech = function (context) { 
-
-		// Some browsers &/or operating systems require a user-initiated click 
-		// before this.synth.getVoices() will work. As of Nov 2022: 
-		// Chrome requires a click before synth.getVoices() will work
-		// iOS requires a click before synth.speak() will work 
-		// A hack to address this: Listen for ANY click, then play an inaudible utterance 
-		// to intitiate speech synthesis 		
-		// https://stackoverflow.com/questions/32193704/js-speech-synthesis-issue-on-ios
-		// This function does that, and sets this.speechEnabled
-		// It's called with either of these contexts: 
-		// 'init' - player is being initialized 
-		// 'play' - user has clicked play 
-		// 'prefs' - user has clicked prefs button
-		// 'desc' - it's time to announce a description!  
-
-		var thisObj = this; 
-		
-		if (this.speechEnabled === null) {  
-
-			if (typeof this.synth !== 'undefined') { 
-				// cancel any previous synth instance and reinitialize  
-				this.synth.cancel(); 
-			}	
-
-			if (window.speechSynthesis) {
+/**
+   * Initializes speech synthesis capabilities for the player.
+   * This method addresses browser and OS limitations that require user interaction
+   * before speech synthesis functions become available. It handles different contexts
+   * like initialization, playing media, accessing preferences, or announcing descriptions.
+   * @param {string} context - The context in which the function is called ('init', 'play', 'prefs', 'desc').
+   */
+	AblePlayer.prototype.initSpeech = function (context) {
+		var thisObj = this;
+
+		// Function to attempt enabling speech synthesis
+		function attemptEnableSpeech() {
+			var greeting = new SpeechSynthesisUtterance("\x20");
+			greeting.onend = function () {
+				thisObj.getBrowserVoices();
+				if (
+					(Array.isArray(thisObj.descVoices) && thisObj.descVoices.length) ||
+					context !== "init"
+				) {
+					thisObj.speechEnabled = true;
+				}
+			};
+			thisObj.synth.speak(greeting);
+		}
 
-				// browser supports speech synthesis 
+		// Function to handle the initial click and enable speech synthesis
+		function handleInitialClick() {
+			attemptEnableSpeech();
+			// Once the utterance starts, remove this specific click event listener
+			// Ensures the event handler only runs once and cleans up after itself
+			$(document).off("click", handleInitialClick);
+		}
 
+		if (this.speechEnabled === null) {
+			if (window.speechSynthesis) {
+				// Browser supports speech synthesis
 				this.synth = window.speechSynthesis;
-
-				if (context === 'init') { 
-					// handle a click on anything, in case the user 
-					// clicks something before they click 'play' or 'prefs' buttons
-					// that would allow us to init speech before it's needed 
-					$(document).on('click',function() { 			
-						var greeting = new SpeechSynthesisUtterance('Hi!');
-						greeting.volume = 0; // silent 
-						greeting.rate = 10; // fastest speed supported by the API  
-						thisObj.synth.speak(greeting);
-						greeting.onstart = function(e) { 						
-							// utterance has started 
-							$(document).off('click'); // unbind the click event listener 		
-						}
-						greeting.onend = function(e) {
-							// should now be able to get browser voices 
-							// in browsers that require a click 
-							thisObj.getBrowserVoices(); 
-							if (thisObj.descVoices.length) { 
-								thisObj.speechEnabled = true; 
-							}
-						};
-					}); 
-									
-					// go ahead and call get browser voices in case it might work, 
-					// for browsers that don't require a click 
-					this.getBrowserVoices(); 
-					if (this.descVoices.length) { 
-						this.speechEnabled = true; 
-					}
-				}
-				else {  // context is either 'play' or 'prefs' or 'desc'
-					var greeting = new SpeechSynthesisUtterance('Hi!');
-					greeting.volume = 0; // silent 
-					greeting.rate = 10; // fastest speed supported by the API  
-					thisObj.synth.speak(greeting);
-					greeting.onstart = function(e) { 						
-						// utterance has started 
-						$(document).off('click'); // unbind the click event listener 			
-					};
-					greeting.onend = function(e) {
-						// should now be able to get browser voices 
-						// in browsers that require a click 
-						thisObj.getBrowserVoices(); 
-						if (thisObj.descVoices.length) { 
-							thisObj.speechEnabled = true; 
-						}
-					};							
+				this.synth.cancel(); // Cancel any ongoing speech synthesis
+
+				if (context === "init") {
+					// Attempt to enable speech synthesis directly for browsers that don't require a click
+					attemptEnableSpeech();
+					// For initial setup, require a user click to enable speech synthesis
+					// Scoping to a particular handler to avoid conflicts with other click events
+					$(document).on("click", handleInitialClick);
+				} else {
+					// For other contexts, attempt to enable speech synthesis directly
+					attemptEnableSpeech();
 				}
-			}
-			else { 
-				// browser does not support speech synthesis
-				this.speechEnabled = false; 
+			} else {
+				// Browser does not support speech synthesis
+				this.speechEnabled = false;
 			}
 		}
-	}; 
+	};
 
 	AblePlayer.prototype.getBrowserVoices = function () {
-		
-		// define this.descVoices array 
-		// includes only languages that match the language of the captions or player 
+
+		// define this.descVoices array
+		// includes only languages that match the language of the captions or player
 
 		var voices, descLangs, voiceLang, preferredLang;
 
-		if (this.captionLang) { 
+		if (this.captionLang) {
 			preferredLang = this.captionLang.substring(0,2).toLowerCase();
 		}
-		else { 
+		else {
 			preferredLang = this.lang.substring(0,2).toLowerCase();
 		}
-		this.descVoices = []; 
+		this.descVoices = [];
 		voices = this.synth.getVoices();
 		descLangs = this.getDescriptionLangs();
 		if (voices.length > 0) {
@@ -263,9 +232,9 @@
 				// match only the first 2 characters of the lang code
 				voiceLang = voices[i].lang.substring(0,2).toLowerCase();
 				if (voiceLang === preferredLang && (descLangs.indexOf(voiceLang) !== -1)) {
-					// this voice matches preferredLang 
+					// this voice matches preferredLang
 					// AND there's a matching description track in this language
-					// Add this voice to final array 
+					// Add this voice to final array
 					this.descVoices.push(voices[i]);
 				}
 			}
@@ -296,51 +265,51 @@
 
 	AblePlayer.prototype.setDescriptionVoice = function () {
 
-		// set description voice on player init, or when user changes caption language 
-		// Voice is determined in the following order of precedence: 
+		// set description voice on player init, or when user changes caption language
+		// Voice is determined in the following order of precedence:
 		// 1. User's preferred voice for this language, saved in a cookie
 		// 2. The first available voice in the array of available voices for this browser in this language
 
 		var cookie, voices, prefDescVoice, descVoice, descLang, prefVoiceFound;
-		cookie = this.getCookie(); 
-		if (typeof cookie.voices !== 'undefined') { 			
-			prefDescVoice = this.getPrefDescVoice(); 
+		cookie = this.getCookie();
+		if (typeof cookie.voices !== 'undefined') {
+			prefDescVoice = this.getPrefDescVoice();
 		}
-		else { 
-			prefDescVoice = null; 
+		else {
+			prefDescVoice = null;
 		}
-	
+
 		this.getBrowserVoices();
 		this.rebuildDescPrefsForm();
 
-		if (this.selectedDescriptions) { 
+		if (this.selectedDescriptions) {
 			descLang = this.selectedDescriptions.language;
 		}
-		else if (this.captionLang) { 
-			descLang = this.captionLang; 
+		else if (this.captionLang) {
+			descLang = this.captionLang;
 		}
-		else { 
-			descLang = this.lang; 
+		else {
+			descLang = this.lang;
 		}
 
 		if (this.synth) {
 			voices = this.synth.getVoices();
 			if (voices.length > 0) {
-				if (prefDescVoice) { 
-					// select the language that matches prefDescVoice, if it's available 
-					prefVoiceFound = false; 
+				if (prefDescVoice) {
+					// select the language that matches prefDescVoice, if it's available
+					prefVoiceFound = false;
 					for (var i=0; i<voices.length; i++) {
 						// first, be sure voice is the correct language
 						if (voices[i].lang.substring(0,2).toLowerCase() === descLang.substring(0,2).toLowerCase()) {
-							if (voices[i].name === prefDescVoice) { 
-								descVoice = voices[i].name; 
-								prefVoiceFound = true; 
+							if (voices[i].name === prefDescVoice) {
+								descVoice = voices[i].name;
+								prefVoiceFound = true;
 								break;
 							}
 						}
 					}
 				}
-				if (!prefVoiceFound) { 
+				if (!prefVoiceFound) {
 					// select the first language that matches the first 2 characters of the lang code
 					for (var i=0; i<voices.length; i++) {
 						if (voices[i].lang.substring(0,2).toLowerCase() === descLang.substring(0,2).toLowerCase()) {
@@ -357,7 +326,7 @@
 					var selectedOption = this.$voiceSelectField.find('option[value="' + this.prefDescVoice + '"]');
 					this.$voiceSelectField.val(this.prefDescVoice);
 				}
-				this.updateCookie('voice'); 
+				this.updateCookie('voice');
 			}
 		}
 	};
@@ -375,32 +344,32 @@
 
 		thisObj = this;
 
-		// We are no longer loading the previous media source 
-		// Only now, as a new source is requested, is it safe to reset this var 
-		// It will be reset to true when media.load() is called 
-		this.loadingMedia = false; 
+		// We are no longer loading the previous media source
+		// Only now, as a new source is requested, is it safe to reset this var
+		// It will be reset to true when media.load() is called
+		this.loadingMedia = false;
 
-		// get element that has focus at the time swap is initiated 
-		// after player is rebuilt, focus will return to that same element 
+		// get element that has focus at the time swap is initiated
+		// after player is rebuilt, focus will return to that same element
 		// (if it exists)
-		this.$focusedElement = $(':focus'); 
+		this.$focusedElement = $(':focus');
 
 		// get current time of current source, and attempt to start new video at the same time
-		// whether this is possible will be determined after the new media source has loaded 
-		// see onMediaNewSourceLoad() 
-		if (this.elapsed > 0) { 
-			this.swapTime = this.elapsed; 
+		// whether this is possible will be determined after the new media source has loaded
+		// see onMediaNewSourceLoad()
+		if (this.elapsed > 0) {
+			this.swapTime = this.elapsed;
 		}
-		else { 
-			this.swapTime = 0; 
+		else {
+			this.swapTime = 0;
 		}
-		if (this.duration > 0) { 
-			this.prevDuration = this.duration; 										
+		if (this.duration > 0) {
+			this.prevDuration = this.duration;
 		}
 
-		// Capture current playback state, so media can resume after source is swapped 
-		if (!this.okToPlay) { 
-			this.okToPlay = this.playing; 
+		// Capture current playback state, so media can resume after source is swapped
+		if (!this.okToPlay) {
+			this.okToPlay = this.playing;
 		}
 
 		if (this.descOn) {
@@ -415,7 +384,7 @@
 		if (this.player === 'html5') {
 
 			this.swappingSrc = true;
-			this.paused = true; 
+			this.paused = true;
 
 			if (this.usingDescribedVersion()) {
 				// the described version is currently playing. Swap to non-described
@@ -426,7 +395,7 @@
 					if (origSrc) {
 						this.$sources[i].setAttribute('src',origSrc);
 					}
-				}						
+				}
 			}
 			else {
 				// the non-described version is currently playing. Swap to described.
@@ -443,24 +412,24 @@
 				}
 			}
 
-			if (this.recreatingPlayer) { 
+			if (this.recreatingPlayer) {
 				// stopgap to prevent multiple firings of recreatePlayer()
-				return; 
-			}	
-			if (this.playerCreated) { 
-				// delete old player, then recreate it with new source & tracks 
-				this.deletePlayer('swap-desc-html'); 			
-				this.recreatePlayer().then(function() { 
-					if (!thisObj.loadingMedia) { 
+				return;
+			}
+			if (this.playerCreated) {
+				// delete old player, then recreate it with new source & tracks
+				this.deletePlayer('swap-desc-html');
+				this.recreatePlayer().then(function() {
+					if (!thisObj.loadingMedia) {
 						thisObj.media.load();
-						thisObj.loadingMedia = true; 
+						thisObj.loadingMedia = true;
 					}
 				});
 			}
-			else { 
+			else {
 				// player is in the process of being created
-				// no need to recreate it 	
-			} 
+				// no need to recreate it
+			}
 		}
 		else if (this.player === 'youtube') {
 
@@ -473,7 +442,7 @@
 				this.activeYouTubeId = this.youTubeDescId;
 			}
 			if (typeof this.youTubePlayer !== 'undefined') {
-				thisObj.swappingSrc = true; 
+				thisObj.swappingSrc = true;
 				if (thisObj.playing) {
 					// loadVideoById() loads and immediately plays the new video at swapTime
 					thisObj.youTubePlayer.loadVideoById(thisObj.activeYouTubeId,thisObj.swapTime);
@@ -483,19 +452,19 @@
 					thisObj.youTubePlayer.cueVideoById(thisObj.activeYouTubeId,thisObj.swapTime);
 				}
 			}
-			if (this.playerCreated) { 
-				this.deletePlayer('swap-desc-youtube'); 				
+			if (this.playerCreated) {
+				this.deletePlayer('swap-desc-youtube');
 			}
-			// player needs to be recreated with new source 
-			if (this.recreatingPlayer) { 
+			// player needs to be recreated with new source
+			if (this.recreatingPlayer) {
 				// stopgap to prevent multiple firings of recreatePlayer()
-				return; 
-			}	
-			this.recreatePlayer().then(function() { 
-				// nothing to do here 
-				// next steps occur when youtube onReady event fires 
-				// see youtube.js > finalizeYoutubeInit() 
-			});				
+				return;
+			}
+			this.recreatePlayer().then(function() {
+				// nothing to do here
+				// next steps occur when youtube onReady event fires
+				// see youtube.js > finalizeYoutubeInit()
+			});
 		}
 		else if (this.player === 'vimeo') {
 			if (this.usingDescribedVersion()) {
@@ -508,15 +477,15 @@
 				this.activeVimeoId = this.vimeoDescId;
 				this.showAlert(this.tt.alertDescribedVersion);
 			}
-			if (this.playerCreated) { 
-				this.deletePlayer('swap-desc-vimeo'); 				
+			if (this.playerCreated) {
+				this.deletePlayer('swap-desc-vimeo');
 			}
-			// player needs to be recreated with new source 
-			if (this.recreatingPlayer) { 
+			// player needs to be recreated with new source
+			if (this.recreatingPlayer) {
 				// stopgap to prevent multiple firings of recreatePlayer()
-				return; 
-			}	
-			this.recreatePlayer().then(function() { 
+				return;
+			}
+			this.recreatePlayer().then(function() {
 				// load the new video source
 				thisObj.vimeoPlayer.loadVideo(thisObj.activeVimeoId).then(function() {
 					if (thisObj.playing) {
@@ -536,7 +505,7 @@
 
 	AblePlayer.prototype.showDescription = function(now) {
 
-		if (!this.hasClosedDesc || this.swappingSrc || !this.descOn || this.descMethod === 'video') {			
+		if (!this.hasClosedDesc || this.swappingSrc || !this.descOn || this.descMethod === 'video') {
 			return;
 		}
 
@@ -576,11 +545,11 @@
 				// temporarily remove aria-live from $status in order to prevent description from being interrupted
 				this.$status.removeAttr('aria-live');
 				descText = flattenComponentForDescription(cues[thisDescription].components);
-				if (this.descReader === 'screenreader') { 					
+				if (this.descReader === 'screenreader') {
 					// load the new description into the container div for screen readers to read
 					this.$descDiv.html(descText);
 				}
-				else if (this.speechEnabled) { 
+				else if (this.speechEnabled) {
 					// use browser's built-in speech synthesis
 					this.announceDescriptionText('description',descText);
 					if (this.prefDescVisible) {
@@ -609,42 +578,42 @@
 		}
 	};
 
-	AblePlayer.prototype.syncSpeechToPlaybackRate = function(rate) { 
+	AblePlayer.prototype.syncSpeechToPlaybackRate = function(rate) {
 
-		// called when user changed playback rate 
-		// adjust rate of audio description to match 
+		// called when user changed playback rate
+		// adjust rate of audio description to match
 
-		var speechRate; 
+		var speechRate;
 
-		if (rate === 0.5) { 
-			speechRate = 0.7; // option 1 in prefs menu 
+		if (rate === 0.5) {
+			speechRate = 0.7; // option 1 in prefs menu
 		}
-		else if (rate === 0.75) { 
-			speechRate =  0.8; // option 2 in prefs menu 
+		else if (rate === 0.75) {
+			speechRate =  0.8; // option 2 in prefs menu
 		}
-		else if (rate === 1.0) { 		
+		else if (rate === 1.0) {
 			speechRate =  1; // option 4 in prefs menu (normal speech, default)
 		}
-		else if (rate === 1.25) { 
+		else if (rate === 1.25) {
 			speechRate =  1.1; // option 5 in prefs menu
 		}
-		else if (rate === 1.5) { 
-			speechRate =  1.2; // option 6 in prefs menu 
+		else if (rate === 1.5) {
+			speechRate =  1.2; // option 6 in prefs menu
 		}
-		else if (rate === 1.75) { 
-			speechRate =  1.5; // option 7 in prefs menu 
+		else if (rate === 1.75) {
+			speechRate =  1.5; // option 7 in prefs menu
 		}
-		else if (rate === 2.0) { 
+		else if (rate === 2.0) {
 			speechRate =  2; // option 8 in prefs menu (fast)
 		}
-		else if (rate === 2.25) { 
+		else if (rate === 2.25) {
 			speechRate =  2.5; // option 9 in prefs menu (very fast)
 		}
-		else if (rate >= 2.5) { 
-			speechRate =  3; // option 10 in prefs menu (super fast) 
+		else if (rate >= 2.5) {
+			speechRate =  3; // option 10 in prefs menu (super fast)
 		}
 		this.prefDescRate = speechRate;
-	}; 
+	};
 
 	AblePlayer.prototype.announceDescriptionText = function(context, text) {
 
@@ -674,10 +643,10 @@
 		//  and typically requires a computer reboot to make right again.
 		//  This has been observed frequently in macOS Big Sur, but also in Windows 10
 		//  To ignore user's voice preferences and always use the first voice, set the following var to true
-		//	This is for testing only; not recommended for production
-		// 	unless the voice select field is also removed from the Prefs dialog
+		//  This is for testing only; not recommended for production
+		//  unless the voice select field is also removed from the Prefs dialog
 		var useFirstVoice = false;
-	
+
 		if (!this.speechEnabled) {
 			// voices array failed to load the first time. Try again
 			this.initSpeech('desc');
@@ -718,63 +687,68 @@
 					// use the first voice in the array
 					voice = this.descVoices[0];
 				}
-				utterance = new SpeechSynthesisUtterance();
-				utterance.voice = voice;
-				utterance.voiceURI = 'native';
-				utterance.volume = volume;
-				utterance.rate = rate;
-				utterance.pitch = pitch;
-				utterance.text = text;
-				// TODO: Consider the best language for the utterance:
-				// language of the web page? (this.lang)
-				// language of the WebVTT description track?
-				// language of the user's chosen voice?
-				// If there's a mismatch between any of these, the description will likely be unintelligible
-				utterance.lang = this.lang;
-				utterance.onstart = function(e) { 
-					// utterance has started 
-				};
-				utterance.onpause = function(e) { 
-					// utterance has paused 
-				};
-				utterance.onend = function(e) {
-					// utterance has ended 
-					this.speakingDescription = false; 
-					timeElapsed = e.elapsedTime; 
-					// As of Firefox 95, e.elapsedTime is expressed in seconds 
-					// Other browsers (tested in Chrome & Edge) express this in milliseconds 
-					// Assume no utterance will require over 100 seconds to express... 
-					if (timeElapsed > 100) { 
-						// time is likely expressed in milliseconds 
-						secondsElapsed = (e.elapsedTime/1000).toFixed(2); 
-					}
-					else { 
-						// time is likely already expressed in seconds; just need to round it
-						secondsElapsed = (e.elapsedTime).toFixed(2); 
-					}
-					if (this.debug) { 
-						console.log('Finished speaking. That took ' + secondsElapsed + ' seconds.');
-					}
-					if (context === 'description') {
-						if (thisObj.prefDescPause) {
-							if (thisObj.pausedForDescription) {
-								thisObj.playMedia();
-								this.pausedForDescription = false;
-							}
-						}
+			}
+		}
+		else { 
+			voice = null; 
+		}
+		utterance = new SpeechSynthesisUtterance();
+		if (voice) { 
+			utterance.voice = voice;
+		}
+		utterance.voiceURI = 'native';
+		utterance.volume = volume;
+		utterance.rate = rate;
+		utterance.pitch = pitch;
+		utterance.text = text;
+		// TODO: Consider the best language for the utterance:
+		// language of the web page? (this.lang)
+		// language of the WebVTT description track?
+		// language of the user's chosen voice?
+		// If there's a mismatch between any of these, the description will likely be unintelligible
+		utterance.lang = this.lang;
+		utterance.onstart = function(e) {
+			// utterance has started
+		};
+		utterance.onpause = function(e) {
+			// utterance has paused
+		};
+		utterance.onend = function(e) {
+			// utterance has ended
+			this.speakingDescription = false;
+			timeElapsed = e.elapsedTime;
+			// As of Firefox 95, e.elapsedTime is expressed in seconds
+			// Other browsers (tested in Chrome & Edge) express this in milliseconds
+			// Assume no utterance will require over 100 seconds to express...
+			if (timeElapsed > 100) {
+				// time is likely expressed in milliseconds
+				secondsElapsed = (e.elapsedTime/1000).toFixed(2);
+			}
+			else {
+				// time is likely already expressed in seconds; just need to round it
+				secondsElapsed = (e.elapsedTime).toFixed(2);
+			}
+			if (this.debug) {
+				console.log('Finished speaking. That took ' + secondsElapsed + ' seconds.');
+			}
+			if (context === 'description') {
+				if (thisObj.prefDescPause) {
+					if (thisObj.pausedForDescription) {
+						thisObj.playMedia();
+						this.pausedForDescription = false;
 					}
-				};
-				utterance.onerror = function(e) {
-					// handle error
-					console.log('Web Speech API error',e);
-				};
-				if (this.synth.paused) { 
-					this.synth.resume();					
 				}
-				this.synth.speak(utterance);
-				this.speakingDescription = true; 
 			}
+		};
+		utterance.onerror = function(e) {
+			// handle error
+			console.log('Web Speech API error',e);
+		};
+		if (this.synth.paused) {
+			this.synth.resume();
 		}
+		this.synth.speak(utterance);
+		this.speakingDescription = true;
 	};
 
 })(jQuery);
diff --git a/scripts/dialog.js b/scripts/dialog.js
index db9c39e7..af8d7cf5 100644
--- a/scripts/dialog.js
+++ b/scripts/dialog.js
@@ -23,12 +23,12 @@
 				 'title': thisObj.closeButtonLabel,
 				 'aria-label': thisObj.closeButtonLabel
 			}).text('X');
-			closeButton.keydown(function (e) {
+			closeButton.on( 'keydown', function (e) {
 				// Space key down
 				if (e.which === 32) {
 					thisObj.hide();
 				}
-			}).click(function () {
+			}).on( 'click', function () {
 				thisObj.hide();
 			});
 
@@ -36,7 +36,7 @@
 			titleH1.attr('id', 'modalTitle-' + this.baseId);
 			titleH1.css('text-align', 'center');
 			titleH1.text(title);
-			this.titleH1 = titleH1; 
+			this.titleH1 = titleH1;
 
 			modal.attr({
 				'aria-labelledby': 'modalTitle-' + this.baseId,
@@ -49,11 +49,11 @@
 			'aria-hidden': 'true',
 			'role': dialogRole,
 		});
-		if (isModal) { 
+		if (isModal) {
 			modal.attr('aria-modal','true');
 		}
 
-		modal.keydown(function (e) {
+		modal.on( 'keydown', function (e) {
 			// Escape
 			if (e.which === 27) {
 				if (thisObj.escapeHook) {
@@ -79,13 +79,13 @@
 				if (e.shiftKey) {
 					// If backwards from first element, go to last.
 					if (currentIndex === 0) {
-						focusable.get(focusable.length - 1).focus();
+						focusable.get(focusable.length - 1).trigger('focus');
 						e.preventDefault();
 					}
 				}
 				else {
 					if (currentIndex === focusable.length - 1) {
-						focusable.get(0).focus();
+						focusable.get(0).trigger('focus');
 						e.preventDefault();
 					}
 				}
@@ -93,7 +93,7 @@
 			e.stopPropagation();
 		});
 
-		$('body > *').not('.able-modal-overlay').not('.able-modal-dialog').removeAttr('aria-hidden');
+		$('body > *').not('.able-modal-overlay').not('.able-modal-dialog').removeAttr('inert');
 	};
 
 	AccessibleDialog.prototype.show = function () {
@@ -112,7 +112,7 @@
 			});
 		}
 
-		$('body > *').not('.able-modal-overlay').not('.able-modal-dialog').attr('aria-hidden', 'true');
+		$('body > *').not('.able-modal-overlay').not('.able-modal-dialog').attr('inert', true);
 
 		this.overlay.css('display', 'block');
 		this.modal.css('display', 'block');
@@ -128,7 +128,7 @@
 		var thisObj = this;
 		setTimeout(function () {
 			// set focus on the first focusable element
-			thisObj.modal.find('button.modalCloseButton').first().focus();
+			thisObj.modal.find('button.modalCloseButton').first().trigger('focus');
 		}, 300);
 	};
 
@@ -138,9 +138,9 @@
 		}
 		this.modal.css('display', 'none');
 		this.modal.attr('aria-hidden', 'true');
-		$('body > *').not('.able-modal-overlay').not('.able-modal-dialog').removeAttr('aria-hidden');
+		$('body > *').not('.able-modal-overlay').not('.able-modal-dialog').removeAttr('inert');
 
-		this.focusedElementBeforeModal.focus();
+		this.focusedElementBeforeModal.trigger('focus');
 	};
 
 	AccessibleDialog.prototype.getInputs = function () {
diff --git a/scripts/dragdrop.js b/scripts/dragdrop.js
index baf60b8f..6724b9a9 100644
--- a/scripts/dragdrop.js
+++ b/scripts/dragdrop.js
@@ -13,7 +13,7 @@
 		// There are nevertheless lessons to be learned from Drag & Drop about accessibility:
 		// http://dev.opera.com/articles/accessible-drag-and-drop/
 
-		var thisObj, $window, $toolbar, windowName, $resizeHandle, $resizeSvg, 
+		var thisObj, $window, $toolbar, windowName, $resizeHandle, $resizeSvg,
 			i, x1, y1, x2, y2, $resizeLine, resizeZIndex;
 
 		thisObj = this;
@@ -37,42 +37,42 @@
 			'class': 'able-resizable'
 		});
 
-		// fill it with three parallel diagonal lines 
+		// fill it with three parallel diagonal lines
 		$resizeSvg = $('<svg>').attr({
 			'width': '100%',
 			'height': '100%',
 			'viewBox': '0 0 100 100',
 			'preserveAspectRatio': 'none'
 		});
-		for (i=1; i<=3; i++) { 
-			if (i === 1) { 
-				x1 = '100'; 
-				y1 = '0'; 
-				x2 = '0'; 
-				y2 = '100'; 
+		for (i=1; i<=3; i++) {
+			if (i === 1) {
+				x1 = '100';
+				y1 = '0';
+				x2 = '0';
+				y2 = '100';
 			}
-			else if (i === 2) { 
-				x1 = '33'; 
-				y1 = '100'; 
-				x2 = '100'; 
-				y2 = '33'; 
+			else if (i === 2) {
+				x1 = '33';
+				y1 = '100';
+				x2 = '100';
+				y2 = '33';
 			}
-			else if (i === 3) { 
-				x1 = '67'; 
-				y1 = '100'; 
-				x2 = '100'; 
-				y2 = '67'; 
+			else if (i === 3) {
+				x1 = '67';
+				y1 = '100';
+				x2 = '100';
+				y2 = '67';
 			}
-			$resizeLine = $('<line>').attr({ 
+			$resizeLine = $('<line>').attr({
 				'x1': x1,
 				'y1': y1,
 				'x2': x2,
 				'y2': y2,
-				'vector-effect': 'non-scaling-stroke'				
+				'vector-effect': 'non-scaling-stroke'
 			})
-			$resizeSvg.append($resizeLine); 
+			$resizeSvg.append($resizeLine);
 		}
-		$resizeHandle.html($resizeSvg); 
+		$resizeHandle.html($resizeSvg);
 
 		// assign z-index that's slightly higher than parent window
 		resizeZIndex = parseInt($window.css('z-index')) + 100;
@@ -339,12 +339,12 @@
 			}
 			resizeDialog.hide();
 			$windowPopup.hide();
-			$windowButton.focus();
+			$windowButton.trigger('focus');
 		});
 		$cancelButton.on('click',function () {
 			resizeDialog.hide();
 			$windowPopup.hide();
-			$windowButton.focus();
+			$windowButton.trigger('focus');
 		});
 
 		// Now assemble all the parts
@@ -406,7 +406,7 @@
 						// also restore menu items to their original state
 						$windowPopup.find('li').removeClass('able-focus').attr('tabindex','-1');
 						// also return focus to window options button
-						$windowButton.focus();
+						$windowButton.trigger('focus');
 					});
 				}
 				else {
@@ -433,7 +433,7 @@
 				thisObj.windowMenuClickRegistered = false; // reset
 			});
 			$windowPopup.find('li').removeClass('able-focus');
-			$windowButton.attr('aria-expanded','false').focus();
+			$windowButton.attr('aria-expanded','false').trigger('focus');
 		}
 		else {
 			// first, be sure window is on top
@@ -442,7 +442,7 @@
 			$windowPopup.css('top', popupTop);
 			$windowPopup.show(200,'',function() {
 				$windowButton.attr('aria-expanded','true');
-				$(this).find('li').first().focus().addClass('able-focus');
+				$(this).find('li').first().trigger('focus').addClass('able-focus');
 				thisObj.windowMenuClickRegistered = false; // reset
 			});
 		}
@@ -477,7 +477,7 @@
 					$windowPopup.find('li').removeClass('able-focus').attr('tabindex','-1');
 					$windowButton.attr('aria-expanded','false');
 					// also return focus to window options button
-					$windowButton.focus();
+					$windowButton.trigger('focus');
 				});
 				return false;
 			}
@@ -499,7 +499,7 @@
 			$windowButton.attr('aria-expanded','false');
 		});
 		if (choice !== 'close') {
-			$windowButton.focus();
+			$windowButton.trigger('focus');
 		}
 		if (choice === 'move') {
 
@@ -523,7 +523,7 @@
 				this.dragDevice = 'mouse';
 			}
 			this.startDrag(which, $window);
-			$windowPopup.hide().parent().focus();
+			$windowPopup.hide().parent().trigger('focus');
 		}
 		else if (choice == 'resize') {
 			// resize through the menu uses a form, not drag
@@ -608,7 +608,7 @@
 			'position': 'absolute',
 			'top': this.dragStartY + 'px',
 			'left': this.dragStartX + 'px'
-		}).focus();
+		}).trigger('focus');
 
 		// add device-specific event listeners
 		if (this.dragDevice === 'mouse') { // might also be a touchpad
@@ -725,7 +725,7 @@
 		this.$activeWindow = null;
 
 		if (this.dragDevice === 'keyboard') {
-			$windowButton.focus();
+			$windowButton.trigger('focus');
 		}
 		this.dragging = false;
 
@@ -786,7 +786,7 @@
 
 		// if window's popup menu is open, close it & place focus on button (???)
 		if ($windowPopup.is(':visible')) {
-			$windowPopup.hide().parent().focus();
+			$windowPopup.hide().parent().trigger('focus');
 		}
 
 		// get starting width and height
@@ -823,7 +823,7 @@
 
 		$(document).off('mousemove mouseup touchmove touchup');
 		this.$activeWindow.off('keydown');
-		$windowButton.show().focus();
+		$windowButton.show().trigger('focus');
 		this.resizing = false;
 		this.$activeWindow.removeClass('able-resize');
 
diff --git a/scripts/event.js b/scripts/event.js
index ffb3d29e..eae4e0c0 100644
--- a/scripts/event.js
+++ b/scripts/event.js
@@ -10,17 +10,17 @@
 		this.getMediaTimes(duration,elapsed).then(function(mediaTimes) {
 			thisObj.duration = mediaTimes['duration'];
 			thisObj.elapsed = mediaTimes['elapsed'];
-			if (thisObj.duration > 0) { 
+			if (thisObj.duration > 0) {
 				// do all the usual time-sync stuff during playback
 				if (thisObj.prefHighlight === 1) {
 					thisObj.highlightTranscript(thisObj.elapsed);
-				}				
+				}
 				thisObj.updateCaption(thisObj.elapsed);
 				thisObj.showDescription(thisObj.elapsed);
 				thisObj.updateChapter(thisObj.elapsed);
 				thisObj.updateMeta(thisObj.elapsed);
-				thisObj.refreshControls('timeline', thisObj.duration, thisObj.elapsed); 
-			}	
+				thisObj.refreshControls('timeline', thisObj.duration, thisObj.elapsed);
+			}
 		});
 	};
 
@@ -65,16 +65,16 @@
 
 	AblePlayer.prototype.onMediaNewSourceLoad = function () {
 
-		var loadIsComplete = false; 
+		var loadIsComplete = false;
 
 		if (this.cueingPlaylistItem) {
 			// this variable was set in order to address bugs caused by multiple firings of media 'end' event
 			// safe to reset now
 			this.cueingPlaylistItem = false;
 		}
-		if (this.recreatingPlayer) { 
-			// same as above; different bugs 
-			this.recreatingPlayer = false; 
+		if (this.recreatingPlayer) {
+			// same as above; different bugs
+			this.recreatingPlayer = false;
 		}
 		if (this.playbackRate) {
 			// user has set playbackRate on a previous src or track
@@ -85,7 +85,7 @@
 			if (!this.startedPlaying || this.okToPlay) {
 				// start playing; no further user action is required
 				this.playMedia();
-				loadIsComplete = true; 
+				loadIsComplete = true;
 			 }
 		}
 		else if (this.seekTrigger == 'restart' ||
@@ -97,7 +97,7 @@
 			// Not included: elements where user might click multiple times in succession
 			// (i.e., 'rewind', 'forward', or seekbar); for these, video remains paused until user initiates play
 			this.playMedia();
-			loadIsComplete = true; 
+			loadIsComplete = true;
 		}
 		else if (this.swappingSrc) {
 			// new source file has just been loaded
@@ -106,54 +106,54 @@
 				if ((this.playlistIndex !== this.$playlist.length) || this.loop) {
 					// this is not the last track in the playlist (OR playlist is looping so it doesn't matter)
 					this.playMedia();
-					loadIsComplete = true; 
+					loadIsComplete = true;
 				}
 			}
 			else if (this.swapTime > 0) {
-				if (this.seekStatus === 'complete') { 
+				if (this.seekStatus === 'complete') {
 					if (this.okToPlay) {
 						// should be able to resume playback
-						this.playMedia();					
+						this.playMedia();
 					}
-					loadIsComplete = true; 
+					loadIsComplete = true;
 				}
-				else if (this.seekStatus === 'seeking') { 
+				else if (this.seekStatus === 'seeking') {
 				}
-				else { 
-					if (this.swapTime === this.elapsed) { 
-						// seek is finished! 
-						this.seekStatus = 'complete'; 
+				else {
+					if (this.swapTime === this.elapsed) {
+						// seek is finished!
+						this.seekStatus = 'complete';
 						if (this.okToPlay) {
 							// should be able to resume playback
-							this.playMedia();					
+							this.playMedia();
 						}
-						loadIsComplete = true; 
+						loadIsComplete = true;
 					}
-					else { 
-						// seeking hasn't started yet 
-						// first, determine whether it's possible 
-						if (this.hasDescTracks) { 
+					else {
+						// seeking hasn't started yet
+						// first, determine whether it's possible
+						if (this.hasDescTracks) {
 							// do nothing. Unable to seek ahead if there are descTracks
-							loadIsComplete = true; 
+							loadIsComplete = true;
 						}
 						else if (this.durationsAreCloseEnough(this.duration,this.prevDuration)) {
 							// durations of two sources are close enough to making seek ahead in new source ok
-							this.seekStatus = 'seeking'; 
+							this.seekStatus = 'seeking';
 							this.seekTo(this.swapTime);
 						}
-						else { 							
-							// durations of two sources are too dissimilar to support seeking ahead to swapTime.  						
-							loadIsComplete = true; 
+						else {
+							// durations of two sources are too dissimilar to support seeking ahead to swapTime.
+							loadIsComplete = true;
 						}
 					}
 				}
 			}
-			else {				
-				// swapTime is 0. No seeking required. 
-				if (this.playing) { 
-					this.playMedia(); 
-					// swap is complete. Reset vars. 
-					loadIsComplete = true; 					
+			else {
+				// swapTime is 0. No seeking required.
+				if (this.playing) {
+					this.playMedia();
+					// swap is complete. Reset vars.
+					loadIsComplete = true;
 				}
 			}
 		}
@@ -166,7 +166,7 @@
 					if (this.okToPlay) {
 						this.playMedia();
 					}
-					loadIsComplete = true; 
+					loadIsComplete = true;
 				}
 				else {
 					// haven't started seeking yet
@@ -181,79 +181,79 @@
 				if (this.okToPlay) {
 					this.playMedia();
 				}
-				loadIsComplete = true; 				
+				loadIsComplete = true;
 			}
 		}
-		else if (this.hasPlaylist) { 
-			// new source media is part of a playlist, but user didn't click on it 
+		else if (this.hasPlaylist) {
+			// new source media is part of a playlist, but user didn't click on it
 			// (and somehow, swappingSrc is false)
-			// this may happen when the previous track ends and next track loads 
-			// this same code is called above when swappingSrc is true 
+			// this may happen when the previous track ends and next track loads
+			// this same code is called above when swappingSrc is true
 			if ((this.playlistIndex !== this.$playlist.length) || this.loop) {
 				// this is not the last track in the playlist (OR playlist is looping so it doesn't matter)
 				this.playMedia();
-				loadIsComplete = true; 
+				loadIsComplete = true;
 			}
 		}
-		else { 
-			// None of the above. 
+		else {
+			// None of the above.
 			// User is likely seeking to a new time, but not loading a new media source
-			// need to reset vars 
-			loadIsComplete = true; 
-		}
-		if (loadIsComplete) { 
-			// reset vars 
-			this.swappingSrc = false; 			
-			this.seekStatus = null; 
-			this.swapTime = 0; 
+			// need to reset vars
+			loadIsComplete = true;
+		}
+		if (loadIsComplete) {
+			// reset vars
+			this.swappingSrc = false;
+			this.seekStatus = null;
+			this.swapTime = 0;
 			this.seekTrigger = null;
-			this.seekingFromTranscript = false;		
+			this.seekingFromTranscript = false;
 			this.userClickedPlaylist = false;
-			this.okToPlay = false; 	
+			this.okToPlay = false;
 		}
 		this.refreshControls('init');
-		if (this.$focusedElement) { 		
-			this.restoreFocus(); 
-			this.$focusedElement = null; 
+		if (this.$focusedElement) {
+			this.restoreFocus();
+			this.$focusedElement = null;
 		}
 	};
 
-	AblePlayer.prototype.durationsAreCloseEnough = function(d1,d2) { 
+	AblePlayer.prototype.durationsAreCloseEnough = function(d1,d2) {
+
+		// Compare the durations of two media sources to determine whether it's ok to seek ahead after swapping src
+		// The durations may not be exact, but they might be "close enough"
+		// returns true if "close enough", otherwise false
+
+		var tolerance, diff;
 
-		// Compare the durations of two media sources to determine whether it's ok to seek ahead after swapping src 
-		// The durations may not be exact, but they might be "close enough" 
-		// returns true if "close enough", otherwise false 
+		tolerance = 1;  // number of seconds between rounded durations that is considered "close enough"
+
+		diff = Math.abs(Math.round(d1) - Math.round(d2));
 
-		var tolerance, diff; 
-		
-		tolerance = 1;  // number of seconds between rounded durations that is considered "close enough" 
-		
-		diff = Math.abs(Math.round(d1) - Math.round(d2)); 
-		
 		if (diff <= tolerance) {
-			return true;  
+			return true;
 		}
-		else { 
-			return false; 
+		else {
+			return false;
 		}
 	};
 
-	AblePlayer.prototype.restoreFocus = function() { 
+	AblePlayer.prototype.restoreFocus = function() {
 
 		// function called after player has been rebuilt (during media swap)
-		// the original focusedElement no longer exists, 
-		// but this function finds a match in the new player 
-		// and places focus there 
+		// the original focusedElement no longer exists,
+		// but this function finds a match in the new player
+		// and places focus there
+
+		var classList;
 
-		var classList; 
+		if (this.$focusedElement) {
 
-		if (this.$focusedElement) { 
-			
-			if ((this.$focusedElement).attr('role') === 'button') { 
+			if ((this.$focusedElement).attr('role') === 'button') {
 				classList = this.$focusedElement.attr("class").split(/\s+/);
 				$.each(classList, function(index, item) {
 					if (item.substring(0,20) === 'able-button-handler-') {
-						$('div.able-controller div.' + item).focus();  
+						$('div.able-controller div.' + item).trigger('focus');
 					}
 				});
 			}
@@ -296,7 +296,7 @@
 
 		var whichButton, prefsPopup;
 
-		whichButton = this.getButtonNameFromClass($(el).attr('class')); 
+		whichButton = this.getButtonNameFromClass($(el).attr('class'));
 
 		if (whichButton === 'play') {
 			this.clickedPlay = true;
@@ -308,14 +308,14 @@
 		}
 		else if (whichButton === 'previous') {
 			this.userClickedPlaylist = true;
-			this.okToPlay = true; 
+			this.okToPlay = true;
 			this.seekTrigger = 'previous';
 			this.buttonWithFocus = 'previous';
 			this.handlePrevTrack();
 		}
 		else if (whichButton === 'next') {
 			this.userClickedPlaylist = true;
-			this.okToPlay = true; 
+			this.okToPlay = true;
 			this.seekTrigger = 'next';
 			this.buttonWithFocus = 'next';
 			this.handleNextTrack();
@@ -391,20 +391,20 @@
 		}
 	};
 
-	AblePlayer.prototype.getButtonNameFromClass = function (classString) { 
+	AblePlayer.prototype.getButtonNameFromClass = function (classString) {
 
-		// player control buttons all have class="able-button-handler-x"  where x is the identifier 
+		// player control buttons all have class="able-button-handler-x"  where x is the identifier
 		// buttons might also have other classes assigned though
 
-		var classes, i; 
+		var classes, i;
 
-		classes = classString.split(' '); 
-		for (i = 0; i < classes.length; i++) { 
-			if (classes[i].substring(0,20) === 'able-button-handler-') { 
-				return classes[i].substring(20); 
+		classes = classString.split(' ');
+		for (i = 0; i < classes.length; i++) {
+			if (classes[i].substring(0,20) === 'able-button-handler-') {
+				return classes[i].substring(20);
 			}
-		}		
-		return classString; 
+		}
+		return classString;
 	}
 
 	AblePlayer.prototype.okToHandleKeyPress = function () {
@@ -479,7 +479,7 @@
 				if ($thisElement.attr('role') === 'button') {
 					// register a click on this element
 					e.preventDefault();
-					$thisElement.click();
+					$thisElement.trigger( 'click' );
 				}
 			}
 			else if (which === 112) { // p = play/pause
@@ -558,10 +558,10 @@
 				if ($thisElement.attr('role') === 'button' || $thisElement.prop('tagName') === 'SPAN') {
 					// register a click on this element
 					// if it's a transcript span the transcript span click handler will take over
-					$thisElement.click();
+					$thisElement.trigger( 'click' );
 				}
 				else if ($thisElement.prop('tagName') === 'LI') {
-					$thisElement.click();
+					$thisElement.trigger( 'click' );
 				}
 			}
 		}
@@ -582,10 +582,10 @@
 			})
 			.on('loadedmetadata',function() {
 				// should be able to get duration now
-				thisObj.duration = thisObj.media.duration;				
-				var x = 50.5; 
-				var y = 51.9; 
-				var diff = Math.abs(Math.round(x)-Math.round(y)); 
+				thisObj.duration = thisObj.media.duration;
+				var x = 50.5;
+				var y = 51.9;
+				var diff = Math.abs(Math.round(x)-Math.round(y));
 			})
 			.on('canplay',function() {
 				// previously handled seeking to startTime here
@@ -593,11 +593,11 @@
 				// so we know player can seek ahead to anything
 			})
 			.on('canplaythrough',function() {
-				// previously onMediaNewSourceLoad() was called on 'loadedmetadata' 
-				// but that proved to be too soon for some of this functionality. 
-				// TODO: Monitor this. If moving it here causes performance issues, 
-				// consider moving some or all of this functionality to 'canplay' 
-					thisObj.onMediaNewSourceLoad(); 								
+				// previously onMediaNewSourceLoad() was called on 'loadedmetadata'
+				// but that proved to be too soon for some of this functionality.
+				// TODO: Monitor this. If moving it here causes performance issues,
+				// consider moving some or all of this functionality to 'canplay'
+					thisObj.onMediaNewSourceLoad();
 			})
 			.on('play',function() {
 				// both 'play' and 'playing' seem to be fired in all browsers (including IE11)
@@ -607,7 +607,7 @@
 			.on('playing',function() {
 				thisObj.playing = true;
 				thisObj.paused = false;
-				thisObj.swappingSrc = false; 
+				thisObj.swappingSrc = false;
 				thisObj.refreshControls('playpause');
 			})
 			.on('ended',function() {
@@ -629,12 +629,12 @@
 			.on('timeupdate',function() {
 				thisObj.onMediaUpdateTime(); // includes a call to refreshControls()
 			})
-			.on('pause',function() {				
-				if (!thisObj.clickedPlay) {					
+			.on('pause',function() {
+				if (!thisObj.clickedPlay) {
 					// 'pause' was triggered automatically, not initiated by user
 					// this happens in some browsers when swapping source
 					// (e.g., between tracks in a playlist or swapping description)
-					if (thisObj.hasPlaylist || thisObj.swappingSrc) {						
+					if (thisObj.hasPlaylist || thisObj.swappingSrc) {
 						// do NOT set playing to false.
 						// doing so prevents continual playback after new track is loaded
 					}
@@ -714,11 +714,11 @@
 			// Triggered as the video is loaded.
 			 // Reports back the amount of the video that has been buffered (NOT the amount played)
 			 // Data has keys duration, percent, and seconds
-	 	});
+		});
 		this.vimeoPlayer.on('seeking', function(data) {
 		 	// Triggered when the player starts seeking to a specific time.
 			 // A timeupdate event will also be fired at the same time.
-	 	});
+		});
 		this.vimeoPlayer.on('seeked', function(data) {
 			// Triggered when the player seeks to a specific time.
 			// A timeupdate event will also be fired at the same time.
@@ -840,16 +840,16 @@
 
 			if (e.button !== 0) { // not a left click
 				return false;
-			}			
+			}
 			if ($('.able-popup:visible').length || $('.able-volume-popup:visible')) {
 				// at least one popup is visible
 				thisObj.closePopups();
 			}
-			if (e.target.tagName === 'VIDEO') { 
+			if (e.target.tagName === 'VIDEO') {
 				// user clicked the video (not an element that sits on top of the video)
-				// handle this as a play/pause toggle click 
-				thisObj.clickedPlay = true; 
-			}			
+				// handle this as a play/pause toggle click
+				thisObj.clickedPlay = true;
+			}
 		});
 
 		// handle mouse movement over player; make controls visible again if hidden
@@ -880,7 +880,7 @@
 		});
 
 		// if user presses a key from anywhere on the page, show player controls
-		$(document).keydown(function(e) {
+		$(document).on( 'keydown', function(e) {
 			if (thisObj.controlsHidden) {
 				thisObj.fadeControls('in');
 				thisObj.controlsHidden = false;
@@ -909,7 +909,7 @@
 
 		// handle local keydown events if this isn't the only player on the page;
 		// otherwise these are dispatched by global handler (see ableplayer-base,js)
-		this.$ableDiv.keydown(function (e) {
+		this.$ableDiv.on( 'keydown', function (e) {
 			if (AblePlayer.nextIndex > 1) {
 				thisObj.onPlayerKeyPress(e);
 			}
@@ -934,7 +934,7 @@
 
 		// handle clicks on playlist items
 		if (this.$playlist) {
-			this.$playlist.click(function(e) {
+			this.$playlist.on( 'click', function(e) {
 				if (!thisObj.userClickedPlaylist) {
 					// stopgap in case multiple clicks are fired on the same playlist item
 					thisObj.userClickedPlaylist = true; // will be set to false after new src is loaded & canplaythrough is triggered
@@ -945,7 +945,7 @@
 		}
 
 		// Also play/pause when clicking on the media.
-		this.$media.click(function () {
+		this.$media.on( 'click', function () {
 			thisObj.handlePlay();
 		});
 
diff --git a/scripts/initialize.js b/scripts/initialize.js
index 4a280a5c..fb40fa87 100644
--- a/scripts/initialize.js
+++ b/scripts/initialize.js
@@ -281,7 +281,7 @@
 	};
 
 	// Initialize player based on data on page.
-	// This sets some variables, but does not modify anything.	Safe to call multiple times.
+	// This sets some variables, but does not modify anything. Safe to call multiple times.
 	// Can call again after updating this.media so long as new media element has the same ID.
 	AblePlayer.prototype.reinitialize = function () {
 
@@ -337,17 +337,17 @@
 
 		var mediaId = this.$media.attr('id');
 
-		// Called again after width and height are known 
+		// Called again after width and height are known
 
-		if (this.mediaType === 'audio') { 			
-			if (this.playerWidth) { 
-				this.$ableWrapper.css('width',this.playerWidth + 'px'); 
+		if (this.mediaType === 'audio') {
+			if (this.playerWidth) {
+				this.$ableWrapper.css('width',this.playerWidth + 'px');
 			}
 		}
-		else if (width > 0 && height > 0) { 
-			this.playerWidth = width; 
-			this.playerHeight = height; 
-			this.aspectRatio = height / width; 
+		else if (width > 0 && height > 0) {
+			this.playerWidth = width;
+			this.playerHeight = height;
+			this.aspectRatio = height / width;
 		}
 	};
 
@@ -411,7 +411,7 @@
 					this.iconType = 'image';
 				}
 			}
-			else { 
+			else {
 				// window.getComputedStyle is not supported (IE 8 and earlier)
 				// No known way to detect computed font
 				// The following retrieves the value from the style sheet, not the computed font
@@ -476,7 +476,7 @@
 				// if it does, inject a thumbnail from Vimeo
 				var $vimeoVideos = $(this).find('li[data-vimeo-id]');
 				$vimeoVideos.each(function() {
-					var vimeoId = $(this).attr('data-youtube-id');
+					var vimeoId = $(this).attr('data-vimeo-id');
 					var vimeoPoster = thisObj.getVimeoPosterUrl(vimeoId,'120');
 					var $vimeoImg = $('<img>',{
 						'src': vimeoPoster,
@@ -522,12 +522,12 @@
 	AblePlayer.prototype.recreatePlayer = function () {
 
 		// Creates the appropriate player for the current source.
-		// This function is called each time a new media instance is loaded 
-		// e.g., 
-		// User clicks on an item in a playlist 
-		// User swaps to/from described version of video 
-		// Blocks of code that only need to be executed once are controlled 
-		// by this.playerCreated 
+		// This function is called each time a new media instance is loaded
+		// e.g.,
+		// User clicks on an item in a playlist
+		// User swaps to/from described version of video
+		// Blocks of code that only need to be executed once are controlled
+		// by this.playerCreated
 
 		// TODO: Ensure when recreating player that we carry over the mediaId
 		if (!this.player) {
@@ -541,34 +541,34 @@
 		promise = deferred.promise();
 		thisObj = this;
 
-		this.playerDeleted = false; // reset after deletePlayer() 
+		this.playerDeleted = false; // reset after deletePlayer()
 
 		// set temp stopgap to prevent this function from executing again before finished
-		this.recreatingPlayer = true; 
+		this.recreatingPlayer = true;
 
 		if (!this.playerCreated) {
 			// only call these functions once
 			this.loadCurrentPreferences();
 			this.injectPlayerCode();
-			this.resizePlayer(this.media.videoWidth,this.media.videoHeight); 
+			this.resizePlayer(this.media.videoWidth,this.media.videoHeight);
 		}
 
-		this.getSampleDescriptionText(); 
+		this.getSampleDescriptionText();
 
 		this.initSignLanguage();
 
 		this.initPlayer().then(function() {
 
-			thisObj.getTracks().then(function() { 
+			thisObj.getTracks().then(function() {
 
 				thisObj.initDescription().then(function() {
 
 					thisObj.setupTracks().then(function() {
-						if (thisObj.hasClosedDesc) { 
-							if (!thisObj.$descDiv || 
+						if (thisObj.hasClosedDesc) {
+							if (!thisObj.$descDiv ||
 								(thisObj.$descDiv && !($.contains(thisObj.$ableDiv[0], thisObj.$descDiv[0])))) {
-								// descDiv either doesn't exist, or exists in an orphaned state 
-								// Either way, it needs to be rebuilt...  
+								// descDiv either doesn't exist, or exists in an orphaned state
+								// Either way, it needs to be rebuilt...
 								thisObj.injectTextDescriptionArea();
 							}
 						}
@@ -627,28 +627,28 @@
 									// Ideally, we would wait until user clicks play, rather than unnecessarily consume their bandwidth
 									// However, the media needs to load for us to get the media's duration
 									if (thisObj.player === 'html5') {
-										if (!thisObj.loadingMedia) { 
+										if (!thisObj.loadingMedia) {
 											thisObj.$media[0].load();
-											thisObj.loadingMedia = true; 
+											thisObj.loadingMedia = true;
 										}
 									}
 									// refreshControls is called twice building/initializing the player
 									// this is the second. Best to pause a bit before executing, to be sure all prior steps are complete
 									setTimeout(function() {
-										thisObj.refreshControls('init'); 
-										deferred.resolve(); 
-									},100);								
-								}); 
-							}); 
+										thisObj.refreshControls('init');
+										deferred.resolve();
+									},100);
+								});
+							});
 						});
 					});
-				});			 
+				});
 			});
 		},
 		function() {	 // initPlayer fail
 			thisObj.provideFallback();
 		});
-		return promise; 
+		return promise;
 	};
 
 	AblePlayer.prototype.initPlayer = function () {
@@ -866,8 +866,8 @@
 		// return 'html5', 'youtube', 'vimeo', or null
 
 		var i, sourceType, $newItem;
-		if (this.testFallback) { 
-			return null; 
+		if (this.testFallback) {
+			return null;
 		}
 		else if (this.youTubeId) {
 			if (this.mediaType !== 'video') {
diff --git a/scripts/langs.js b/scripts/langs.js
index f6490a40..91e76376 100644
--- a/scripts/langs.js
+++ b/scripts/langs.js
@@ -981,30 +981,30 @@
 		// return language name associated with lang code "key"
 		// whichName is either "English" or "local" (i.e., native name)
 
-		var lang, code, subTag; 
+		var lang, code, subTag;
 		lang = isoLangs[key.toLowerCase()];
-		if (lang) { 
-			if (whichName === 'local') { 
-				return lang.nativeName; 
+		if (lang) {
+			if (whichName === 'local') {
+				return lang.nativeName;
 			}
-			else { 
-				return lang.name; 
+			else {
+				return lang.name;
 			}
 		}
 		else if (key.includes('-')) {
 			code = key.substring(0,2);
-			subTag = key.substring(3);  
-			lang = isoLangs[code.toLowerCase()]; 
-			if (lang) { 
-				if (whichName === 'local') { 
-					return lang.nativeName + ' (' + subTag + ')'; 
+			subTag = key.substring(3);
+			lang = isoLangs[code.toLowerCase()];
+			if (lang) {
+				if (whichName === 'local') {
+					return lang.nativeName + ' (' + subTag + ')';
 				}
-				else { 
-					return lang.name + ' (' + subTag + ')'; 
+				else {
+					return lang.name + ' (' + subTag + ')';
 				}
 			}
 		}
-		// if all else has failed, use the key as the label 
+		// if all else has failed, use the key as the label
 		return key;
 	};
 
diff --git a/scripts/metadata.js b/scripts/metadata.js
index 1f451184..1b849c60 100644
--- a/scripts/metadata.js
+++ b/scripts/metadata.js
@@ -46,7 +46,7 @@
           cueText = this.flattenCueForMeta(cues[thisMeta]);
           cueLines = cueText.split("\n");
           for (i = 0; i < cueLines.length; i++) {
-            line = $.trim(cueLines[i]);
+            line = cueLines[i].trim();
             if (line.toLowerCase().trim() === "pause") {
               // don't show big play button when pausing via metadata
               this.hideBigPlayButton = true;
@@ -54,7 +54,7 @@
             } else if (line.toLowerCase().substring(0, 6) == "focus:") {
               focusTarget = line.substring(6).trim();
               if ($(focusTarget).length) {
-                $(focusTarget).focus();
+                $(focusTarget).trigger('focus');
               }
             } else {
               if ($(line).length) {
diff --git a/scripts/preference.js b/scripts/preference.js
index 4a6b4524..ca4ff718 100644
--- a/scripts/preference.js
+++ b/scripts/preference.js
@@ -70,24 +70,24 @@
 				cookie.sign['height'] = $window.height();
 			}
 		}
-		else if (setting === 'voice') { 
+		else if (setting === 'voice') {
 			if (typeof cookie.voices === 'undefined') {
 				cookie.voices = [];
 			}
-			// replace preferred voice for this lang in cookie.voices array, if one exists 
-			// otherwise, add it to the array 
-			voiceLangFound = false; 
-			for (var v=0; v < cookie.voices.length; v++) { 						
-				if (cookie.voices[v].lang === this.prefDescVoiceLang) { 
-					voiceLangFound = true; 
-					cookie.voices[v].name = this.prefDescVoice; 
+			// replace preferred voice for this lang in cookie.voices array, if one exists
+			// otherwise, add it to the array
+			voiceLangFound = false;
+			for (var v=0; v < cookie.voices.length; v++) {
+				if (cookie.voices[v].lang === this.prefDescVoiceLang) {
+					voiceLangFound = true;
+					cookie.voices[v].name = this.prefDescVoice;
 				}
 			}
-			if (!voiceLangFound) { 
-				// no voice has been saved yet for this language. Add it to array. 
+			if (!voiceLangFound) {
+				// no voice has been saved yet for this language. Add it to array.
 				newVoice = {'name':this.prefDescVoice, 'lang':this.prefDescVoiceLang};
-				cookie.voices.push(newVoice); 
-			}								
+				cookie.voices.push(newVoice);
+			}
 		}
 		else {
 			available = this.getAvailablePreferences();
@@ -111,17 +111,17 @@
 		// in the Preferences popup menu
 		// Human-readable label for each group is defined in translation table
 		if (this.usingYouTubeCaptions) {
-			// no transcript is possible 
-			return ['captions','descriptions','keyboard']; 
+			// no transcript is possible
+			return ['captions','descriptions','keyboard'];
 		}
-		else if (this.usingVimeoCaptions) { 
+		else if (this.usingVimeoCaptions) {
 			// users cannot control caption appearance
 			// and no transcript is possible
-			return ['descriptions','keyboard']; 
+			return ['descriptions','keyboard'];
+		}
+		else {
+			return ['captions','descriptions','keyboard','transcript'];
 		}
-		else { 
-			return ['captions','descriptions','keyboard','transcript']; 
-		} 
 	}
 
 	AblePlayer.prototype.getAvailablePreferences = function() {
@@ -195,7 +195,7 @@
 				'default': this.tt.captionsStylePopOn
 			});
 			*/
-			// captions are always positioned above the player for audio 
+			// captions are always positioned above the player for audio
 			if (this.mediaType === 'video') {
 				prefs.push({
 					'name': 'prefCaptionsPosition',
@@ -203,7 +203,7 @@
 					'group': 'captions',
 					'default': this.defaultCaptionsPosition
 				});
-			}	
+			}
 			prefs.push({
 				'name': 'prefCaptionsFont',
 				'label': this.tt.prefCaptionsFont,
@@ -241,7 +241,7 @@
 			});
 		}
 
-		if (this.mediaType === 'video') { 
+		if (this.mediaType === 'video') {
 			// Description preferences
 			prefs.push({
 				'name': 'prefDesc', // audio description default state
@@ -322,10 +322,10 @@
 			}
 		}
 
-		// Also load array of preferred voices from cookie 
-		if (typeof cookie.voices !== 'undefined') { 
-			this.prefVoices = cookie.voices;  
-		}			
+		// Also load array of preferred voices from cookie
+		if (typeof cookie.voices !== 'undefined') {
+			this.prefVoices = cookie.voices;
+		}
 
 		this.setCookie(cookie);
 	};
@@ -345,7 +345,7 @@
 			$div2,id2,$radio2,$label2,
 			options,$thisOption,optionValue,optionLang,optionText,sampleCapsDiv,
 			changedPref,changedSpan,changedText,
-			currentDescState, prefDescVoice, 
+			currentDescState, prefDescVoice,
 			$kbHeading,$kbList,kbLabels,keys,kbListText,$kbListItem,
 			dialog,saveButton,cancelButton;
 
@@ -359,10 +359,10 @@
 		var customClass = 'able-prefs-form-' + form;
 		$prefsDiv.addClass(customClass);
 
-		// add titles and intros 
-		if (form == 'captions') {			
+		// add titles and intros
+		if (form == 'captions') {
 			formTitle = this.tt.prefTitleCaptions;
-			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage 
+			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage
 		}
 		else if (form == 'descriptions') {
 			formTitle = this.tt.prefTitleDescriptions;
@@ -420,10 +420,10 @@
 		}
 		else if (form == 'transcript') {
 			formTitle = this.tt.prefTitleTranscript;
-			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage 
+			// Intro text removed in 4.4.32 to cut down on unnecessary verbiage
 		}
 
-		$fieldset = $('<div>').attr('role','group');	
+		$fieldset = $('<div>').attr('role','group');
 		fieldsetClass = 'able-prefs-' + form;
 		fieldsetId = this.mediaId + '-prefs-' + form;
 		legendId = fieldsetId + '-legend';
@@ -458,7 +458,7 @@
 					});
 					if (thisPref !== 'prefCaptions' && thisPref !== 'prefCaptionsStyle') {
 						// add a change handler that updates the style of the sample caption text
-						$thisField.change(function() {
+						$thisField.on( 'change', function() {
 							changedPref = $(this).attr('name');
 							thisObj.stylizeCaptions(thisObj.$sampleCapsDiv,changedPref);
 						});
@@ -527,12 +527,12 @@
 						$thisField = $('<select>',{
 							name: thisPref,
 							id: thisId,
-						});
-						if (thisPref === 'prefDescVoice' && this.descVoices) {
-							prefDescVoice = this.getPrefDescVoice(); 				
+						});						
+						if (thisPref === 'prefDescVoice' && this.descVoices.length) {
+							prefDescVoice = this.getPrefDescVoice();
 							for (j=0; j < this.descVoices.length; j++) {
 								optionValue = this.descVoices[j].name;
-								optionLang = this.descVoices[j].lang.substring(0,2).toLowerCase(); 
+								optionLang = this.descVoices[j].lang.substring(0,2).toLowerCase();
 								optionText = optionValue + ' (' + this.descVoices[j].lang + ')';
 								$thisOption = $('<option>',{
 									'value': optionValue,
@@ -633,7 +633,13 @@
 					}
 					$thisDiv.append($thisField,$thisLabel);
 				}
-				$fieldset.append($thisDiv);
+				if (thisPref === 'prefDescVoice' && !this.descVoices.length) { 
+					// No voices are available (e.g., in Safari 15.4 on Mac OS)
+					// Do not add a Voice select field 
+				}
+				else { 
+					$fieldset.append($thisDiv);
+				}
 			}
 		}
 		$prefsDiv.append($fieldset);
@@ -656,7 +662,7 @@
 					'class': 'able-desc-sample'
 				}).text(this.tt.sampleDescriptionText);
 				$prefsDiv.append(this.$sampleDescDiv);
-				this.currentSampleText = this.tt.sampleDescriptionText; 
+				this.currentSampleText = this.tt.sampleDescriptionText;
 			}
 		}
 		else if (form === 'keyboard') {
@@ -783,11 +789,11 @@
 		$prefsDiv.append('<hr>');
 		saveButton = $('<button class="modal-button">' + this.tt.save + '</button>');
 		cancelButton = $('<button class="modal-button">' + this.tt.cancel + '</button>');
-		saveButton.click(function () {
+		saveButton.on( 'click', function () {
 			dialog.hide();
 			thisObj.savePrefsFromForm();
 		});
-		cancelButton.click(function () {
+		cancelButton.on( 'click', function () {
 			dialog.hide();
 			thisObj.resetPrefsForm();
 		});
@@ -796,9 +802,9 @@
 		$prefsDiv.append(cancelButton);
 
 		// Associate the dialog's H1 as aria-labelledby for groups of fields
-		// (alternative to fieldset and legend) 
-		if (form === 'captions' || form === 'transcript') { 
-			$fieldset.attr('aria-labelledby',dialog.titleH1.attr('id')); 
+		// (alternative to fieldset and legend)
+		if (form === 'captions' || form === 'transcript') {
+			$fieldset.attr('aria-labelledby',dialog.titleH1.attr('id'));
 		}
 
 		// add global reference for future control
@@ -817,11 +823,11 @@
 
 		// Add click handler for dialog close button
 		// (button is added in dialog.js)
-		$('div.able-prefs-form button.modalCloseButton').click(function() {
+		$('div.able-prefs-form button.modalCloseButton').on( 'click', function() {
 			thisObj.resetPrefsForm();
 		})
 		// Add handler for escape key
-		$('div.able-prefs-form').keydown(function(e) {
+		$('div.able-prefs-form').on( 'keydown', function(e) {
 			if (e.which === 27) { // escape
 				thisObj.resetPrefsForm();
 			}
@@ -830,23 +836,23 @@
 
 	AblePlayer.prototype.getPrefDescVoice = function () {
 
-		// return user's preferred voice for the current language from cookie.voices 
-		var lang, cookie, i; 
+		// return user's preferred voice for the current language from cookie.voices
+		var lang, cookie, i;
 
-		if (this.selectedDescriptions) { 
-			lang = this.selectedDescriptions.language; 
+		if (this.selectedDescriptions) {
+			lang = this.selectedDescriptions.language;
 		}
-		else if (this.captionLang) { 
-			lang = this.captionLang; 
+		else if (this.captionLang) {
+			lang = this.captionLang;
 		}
-		else { 
-			lang = this.lang; 
+		else {
+			lang = this.lang;
 		}
-		cookie = this.getCookie(); 
-		if (cookie.voices) { 
-			for (i=0; i < cookie.voices.length; i++) { 
-				if (cookie.voices[i].lang === lang) { 					
-					return cookie.voices[i].name; 
+		cookie = this.getCookie();
+		if (cookie.voices) {
+			for (i=0; i < cookie.voices.length; i++) {
+				if (cookie.voices[i].lang === lang) {
+					return cookie.voices[i].name;
 				}
 			}
 		}
@@ -855,9 +861,9 @@
 
 	AblePlayer.prototype.rebuildDescPrefsForm = function () {
 
-		// Called if this.descVoices changes, which may happen if: 
-		//  getBrowserVoices() succeeds after an earlier failure 
-		//  user changes language of captions/subtitles and descVoices changes to match the new language 
+		// Called if this.descVoices changes, which may happen if:
+		//  getBrowserVoices() succeeds after an earlier failure
+		//  user changes language of captions/subtitles and descVoices changes to match the new language
 
 		var i, optionValue, optionText, $thisOption;
 
@@ -878,112 +884,112 @@
 		}
 	};
 
-	 AblePlayer.prototype.makePrefsValueReadable = function(pref,value) {
-
-		 // The values for pitch, rate, and volume (web speech API)
-		 // are strange and inconsistent between variables
-		 // this function returns text that is more readable than the values themselves
-
-		 if (pref === 'prefDescPitch') {
-			 if (value === 0) {
-				 return this.tt.prefDescPitch1;
-			 }
-			 else if (value === 0.5) {
-				 return this.tt.prefDescPitch2;
-			 }
-			 else if (value === 1) {
-				 return this.tt.prefDescPitch3;
-			 }
-			 else if (value === 1.5) {
-				 return this.tt.prefDescPitch4;
-			 }
-			 else if (value === 2) {
-				 return this.tt.prefDescPitch5;
-			 }
-		 }
-		 else if (pref === 'prefDescRate') {
-			 // default in the API is 0.1 to 10, where 1 is normal speaking voice
-			 // our custom range offers several rates close to 1
-			 // plus a couple of crazy fast ones for sport
-			 // Our more readable options (1-10) or mapped here to API values 
-			 if (value === 0.7) {
-				 return 1;
-			 }
-			 else if (value === 0.8) {
-				 return 2;
-			 }
-			 else if (value === 0.9) {
-				 return 3;
-			 }
-			 else if (value === 1) {
-				 return 4;
-			 }
-			 else if (value === 1.1) {
-				 return 5;
-			 }
-			 else if (value === 1.2) {
-				 return 6;
-			 }
-			 else if (value === 1.5) {
-				 return 7;
-			 }
-			 else if (value === 2) {
-				 return 8;
-			 }
-			 else if (value === 2.5) {
-				 return 9;
-			 }
-			 else if (value === 3) {
-				 return 10;
-			 }
-		 }
-		 else if (pref === 'prefDescVolume') {
-			 // values range from 0.1 to 1.0
-			 return value * 10;
-		 }
-		 return value;
-	 };
-
-	 AblePlayer.prototype.resetPrefsForm = function () {
-
-		 // Reset preferences form with default values from cookie
-		 // Called when:
-		 // User clicks cancel or close button in Prefs Dialog
-		 // User presses Escape to close Prefs dialog
-		 // User clicks Save in Prefs dialog, & there's more than one player on page
-
-		 var thisObj, cookie, available, i, prefName, prefId, thisDiv, thisId;
-
-		 thisObj = this;
-		 cookie = this.getCookie();
-		 available = this.getAvailablePreferences();
-		 for (i=0; i<available.length; i++) {
-			 prefName = available[i]['name'];
-			 prefId = this.mediaId + '_' + prefName;
-			 if ((prefName.indexOf('Captions') !== -1) && (prefName !== 'prefCaptions')) {
-				 // this is a caption-related select box
-				 $('select[name="' + prefName + '"]').val(cookie.preferences[prefName]);
-			 }
-			 else { // all others are checkboxes
-				 if (this[prefName] === 1) {
-					 $('input[name="' + prefName + '"]').prop('checked',true);
-					}
-					else {
-						$('input[name="' + prefName + '"]').prop('checked',false);
-					}
+	AblePlayer.prototype.makePrefsValueReadable = function(pref,value) {
+
+		// The values for pitch, rate, and volume (web speech API)
+		// are strange and inconsistent between variables
+		// this function returns text that is more readable than the values themselves
+
+		if (pref === 'prefDescPitch') {
+			if (value === 0) {
+				return this.tt.prefDescPitch1;
+			}
+			else if (value === 0.5) {
+				return this.tt.prefDescPitch2;
+			}
+			else if (value === 1) {
+				return this.tt.prefDescPitch3;
+			}
+			else if (value === 1.5) {
+				return this.tt.prefDescPitch4;
+			}
+			else if (value === 2) {
+				return this.tt.prefDescPitch5;
+			}
+		}
+		else if (pref === 'prefDescRate') {
+			// default in the API is 0.1 to 10, where 1 is normal speaking voice
+			// our custom range offers several rates close to 1
+			// plus a couple of crazy fast ones for sport
+			// Our more readable options (1-10) or mapped here to API values
+			if (value === 0.7) {
+				return 1;
+			}
+			else if (value === 0.8) {
+				return 2;
+			}
+			else if (value === 0.9) {
+				return 3;
+			}
+			else if (value === 1) {
+				return 4;
+			}
+			else if (value === 1.1) {
+				return 5;
+			}
+			else if (value === 1.2) {
+				return 6;
+			}
+			else if (value === 1.5) {
+				return 7;
+			}
+			else if (value === 2) {
+				return 8;
+			}
+			else if (value === 2.5) {
+				return 9;
+			}
+			else if (value === 3) {
+				return 10;
+			}
+		}
+		else if (pref === 'prefDescVolume') {
+			// values range from 0.1 to 1.0
+			return value * 10;
+		}
+		return value;
+	};
+
+	AblePlayer.prototype.resetPrefsForm = function () {
+
+		// Reset preferences form with default values from cookie
+		// Called when:
+		// User clicks cancel or close button in Prefs Dialog
+		// User presses Escape to close Prefs dialog
+		// User clicks Save in Prefs dialog, & there's more than one player on page
+
+		var thisObj, cookie, available, i, prefName, prefId, thisDiv, thisId;
+
+		thisObj = this;
+		cookie = this.getCookie();
+		available = this.getAvailablePreferences();
+		for (i=0; i<available.length; i++) {
+			prefName = available[i]['name'];
+			prefId = this.mediaId + '_' + prefName;
+			if ((prefName.indexOf('Captions') !== -1) && (prefName !== 'prefCaptions')) {
+				// this is a caption-related select box
+				$('select[name="' + prefName + '"]').val(cookie.preferences[prefName]);
+			}
+			else { // all others are checkboxes
+				if (this[prefName] === 1) {
+					$('input[name="' + prefName + '"]').prop('checked',true);
+				}
+				else {
+					$('input[name="' + prefName + '"]').prop('checked',false);
 				}
 			}
-			// also restore style of sample caption div
-			this.stylizeCaptions(this.$sampleCapsDiv);
-	 };
+		}
+		// also restore style of sample caption div
+		this.stylizeCaptions(this.$sampleCapsDiv);
+	};
 
 	AblePlayer.prototype.savePrefsFromForm = function () {
 
 		// Return a prefs object constructed from the form.
 		// called when user saves the Preferences form
 		// update cookie with new value
-		var cookie, available, prefName, prefId, 
-			voiceSelectId, newVoice, newVoiceLang, numChanges, voiceLangFound, 
+		var cookie, available, prefName, prefId,
+			voiceSelectId, newVoice, newVoiceLang, numChanges, voiceLangFound,
 			numCapChanges, capSizeChanged, capSizeValue, newValue;
 
 		numChanges = 0;
@@ -996,28 +1002,28 @@
 			if (available[i]['label']) {
 				prefName = available[i]['name'];
 				prefId = this.mediaId + '_' + prefName;
-				if (prefName === 'prefDescVoice') { 
+				if (prefName === 'prefDescVoice') {
 					if (typeof cookie.voices === 'undefined') {
 						cookie.voices = [];
 					}
 					voiceSelectId = this.mediaId + '_prefDescVoice';
 					this.prefDescVoice = $('select#' + voiceSelectId).find(':selected').val();
 					this.prefDescVoiceLang = $('select#' + voiceSelectId).find(':selected').attr('data-lang');
-					// replace preferred voice for this lang in cookie.voices array, if one exists 
-					// otherwise, add it to the array 
-					voiceLangFound = false; 
-					for (var v=0; v < cookie.voices.length; v++) { 						
-						if (cookie.voices[v].lang === this.prefDescVoiceLang) { 
-							voiceLangFound = true; 
-							cookie.voices[v].name = this.prefDescVoice; 
+					// replace preferred voice for this lang in cookie.voices array, if one exists
+					// otherwise, add it to the array
+					voiceLangFound = false;
+					for (var v=0; v < cookie.voices.length; v++) {
+						if (cookie.voices[v].lang === this.prefDescVoiceLang) {
+							voiceLangFound = true;
+							cookie.voices[v].name = this.prefDescVoice;
 						}
 					}
-					if (!voiceLangFound) { 
-						// no voice has been saved yet for this language. Add it to array. 
+					if (!voiceLangFound) {
+						// no voice has been saved yet for this language. Add it to array.
 						newVoice = {'name':this.prefDescVoice, 'lang':this.prefDescVoiceLang};
-						cookie.voices.push(newVoice); 
-					}					
-					numChanges++; 
+						cookie.voices.push(newVoice);
+					}
+					numChanges++;
 				}
 				else if (prefName == 'prefDescMethod') {
 					// As of v4.0.10, prefDescMethod is no longer a choice
@@ -1097,7 +1103,7 @@
 			// update prefs for ALL of them
 			for (var i=0; i<AblePlayerInstances.length; i++) {
 				AblePlayerInstances[i].updatePrefs();
-				AblePlayerInstances[i].geteferences();
+				AblePlayerInstances[i].loadCurrentPreferences();
 				AblePlayerInstances[i].resetPrefsForm();
 				if (numCapChanges > 0) {
 					AblePlayerInstances[i].stylizeCaptions(AblePlayerInstances[i].$captionsDiv);
@@ -1125,7 +1131,7 @@
 
 		// Update player based on current prefs. Safe to call multiple times.
 
-		if (this.$transcriptDiv) { 
+		if (this.$transcriptDiv) {
 			// tabbable transcript
 			if (this.prefTabbable === 1) {
 				this.$transcriptDiv.find('span.able-transcript-seekpoint').attr('tabindex','0');
diff --git a/scripts/slider.js b/scripts/slider.js
index cf3d85b0..c7918986 100644
--- a/scripts/slider.js
+++ b/scripts/slider.js
@@ -2,9 +2,9 @@
 
 
 	// Events:
-	//	 startTracking(event, position)
-	//	 tracking(event, position)
-	//	 stopTracking(event, position)
+	// - startTracking(event, position)
+	// - tracking(event, position)
+	// - stopTracking(event, position)
 
 	window. AccessibleSlider = function(mediaType, div, orientation, length, min, max, bigInterval, label, className, trackingMedia, initialState) {
 
@@ -322,7 +322,7 @@
 		this.updateAriaValues(position, updateLive);
 	}
 
-	// TODO: Native HTML5 can have several buffered segments, and this actually happens quite often.	Change this to display them all.
+	// TODO: Native HTML5 can have several buffered segments, and this actually happens quite often. Change this to display them all.
 	AccessibleSlider.prototype.setBuffered = function (ratio) {
 		if (!isNaN(ratio)) {
 			this.buffered = ratio;
diff --git a/scripts/transcript.js b/scripts/transcript.js
index 2f0b631f..a4830bae 100644
--- a/scripts/transcript.js
+++ b/scripts/transcript.js
@@ -110,6 +110,8 @@
     // If client has provided separate transcript location, put it there.
     // Otherwise append it to the body
     if (this.transcriptDivLocation) {
+	  this.$transcriptArea.removeAttr( 'role' );
+	  this.$transcriptArea.removeAttr( 'aria-label' );
       $("#" + this.transcriptDivLocation).append(this.$transcriptArea);
     } else {
       this.$ableWrapper.append(this.$transcriptArea);
@@ -136,7 +138,7 @@
   AblePlayer.prototype.addTranscriptAreaEvents = function () {
     var thisObj = this;
 
-    this.$autoScrollTranscriptCheckbox.click(function () {
+    this.$autoScrollTranscriptCheckbox.on( 'click', function () {
       thisObj.handleTranscriptLockToggle(
         thisObj.$autoScrollTranscriptCheckbox.prop("checked")
       );
@@ -307,7 +309,7 @@
     if (this.$transcriptArea.length > 0) {
       this.$transcriptArea
         .find("span.able-transcript-seekpoint")
-        .click(function (e) {
+        .on( 'click', function (e) {
           thisObj.seekTrigger = "transcript";
           var spanStart = parseFloat($(this).attr("data-start"));
           // Add a tiny amount so that we're inside the span.
diff --git a/scripts/translation.js b/scripts/translation.js
index 44b2f90f..3ceb42f8 100644
--- a/scripts/translation.js
+++ b/scripts/translation.js
@@ -9,7 +9,7 @@
 
 		// determine language, then get labels and prompts from corresponding translation var
 
-		var deferred, thisObj, supportedLangs, docLang, msg, translationFile, collapsedLang, i, 
+		var deferred, thisObj, supportedLangs, docLang, msg, translationFile, collapsedLang, i,
 			similarLangFound;
 		deferred = $.Deferred();
 		thisObj = this;
@@ -34,18 +34,18 @@
 				}
 				else {
 					// this is not a localized language.
-					// but maybe there's a similar localized language supported  
-					// that has the same parent?  
-					similarLangFound = false; 
-					i = 0; 
-					while (i < supportedLangs.length) { 
-						if (supportedLangs[i].substring(0,2) == this.lang) { 
-							this.lang = supportedLangs[i]; 				
-							similarLangFound = true; 
+					// but maybe there's a similar localized language supported
+					// that has the same parent?
+					similarLangFound = false;
+					i = 0;
+					while (i < supportedLangs.length) {
+						if (supportedLangs[i].substring(0,2) == this.lang) {
+							this.lang = supportedLangs[i];
+							similarLangFound = true;
 						}
-						i++; 
+						i++;
 					}
-					if (!similarLangFound) { 
+					if (!similarLangFound) {
 						// language requested via data-lang is not supported
 						this.lang = null;
 					}
@@ -95,11 +95,11 @@
 		translationFile = this.rootPath + 'translations/' + this.lang + '.js';
 		$.getJSON(translationFile, function(data) {
 			// success!
-			thisObj.tt = data; 
-			deferred.resolve(); 
+			thisObj.tt = data;
+			deferred.resolve();
 		})
 		.fail(function() {
-			console.log( "Critical Error: Unable to load translation file:",translationFile);			
+			console.log( "Critical Error: Unable to load translation file:",translationFile);
 			thisObj.provideFallback();
 			deferred.fail();
 		})
@@ -108,26 +108,26 @@
 
 	AblePlayer.prototype.getSampleDescriptionText = function() {
 
-		// Create an array of sample description text in all languages 
-		// This needs to be readily available for testing different voices 
-		// in the Description Preferences dialog 
-		var thisObj, supportedLangs, i, thisLang, translationFile, thisText, translation; 
-		
-		supportedLangs = this.getSupportedLangs(); 
+		// Create an array of sample description text in all languages
+		// This needs to be readily available for testing different voices
+		// in the Description Preferences dialog
+		var thisObj, supportedLangs, i, thisLang, translationFile, thisText, translation;
 
-		thisObj = this; 
+		supportedLangs = this.getSupportedLangs();
 
-		this.sampleText = []; 
-		for (i=0; i < supportedLangs.length; i++) { 
+		thisObj = this;
+
+		this.sampleText = [];
+		for (i=0; i < supportedLangs.length; i++) {
 			translationFile = this.rootPath + 'translations/' + supportedLangs[i] + '.js';
 			$.getJSON(translationFile, thisLang, (function(thisLang) {
-					return function(data) { 
-						thisText = data.sampleDescriptionText; 
-						translation = {'lang':thisLang, 'text': thisText}; 
-						thisObj.sampleText.push(translation); 						
+					return function(data) {
+						thisText = data.sampleDescriptionText;
+						translation = {'lang':thisLang, 'text': thisText};
+						thisObj.sampleText.push(translation);
 					};
-			}(supportedLangs[i])) // pass lang to callback function 
-			); 				 
+			}(supportedLangs[i])) // pass lang to callback function
+			);
 		}
 	};
 
diff --git a/scripts/vimeo.js b/scripts/vimeo.js
index 514cad26..7b7e714f 100644
--- a/scripts/vimeo.js
+++ b/scripts/vimeo.js
@@ -1,5 +1,5 @@
-
 (function ($) {
+
 	AblePlayer.prototype.initVimeoPlayer = function () {
 
 		var thisObj, deferred, promise, containerId, vimeoId, autoplay, videoDimensions, options;
@@ -28,10 +28,10 @@
 		// setting the "controls" option to "false" will hide the default controls, without hiding captions.
 		// This is a new option from Vimeo; previously used "background:true" to hide the controller,
 		// but that had unwanted side effects:
-		//  - In addition to hiding the controls, it also hides captions
-		//  - It automatically autoplays (initializing the player with autoplay:false does not override this)
-		//  - It automatically loops (but this can be overridden by initializing the player with loop:false)
-		//  - It automatically sets volume to 0 (not sure if this can be overridden, since no longer using the background option)
+		// - In addition to hiding the controls, it also hides captions
+		// - It automatically autoplays (initializing the player with autoplay:false does not override this)
+		// - It automatically loops (but this can be overridden by initializing the player with loop:false)
+		// - It automatically sets volume to 0 (not sure if this can be overridden, since no longer using the background option)
 
 		if (this.okToPlay) {
 			autoplay = 'true';
@@ -40,16 +40,16 @@
 			autoplay = 'false';
 		}
 
-		if (this.playerWidth) {			
-			if (this.vimeoUrlHasParams) { 
-				// use url param, not id 
+		if (this.playerWidth) {
+			if (this.vimeoUrlHasParams) {
+				// use url param, not id
 				options = {
 					url: vimeoId,
 					width: this.playerWidth,
 					controls: false
 				}
 			}
-			else { 
+			else {
 				options = {
 					id: vimeoId,
 					width: this.playerWidth,
@@ -57,15 +57,15 @@
 				}
 			}
 		}
-		else { 
-			// initialize without width & set width later 
-			if (this.vimeoUrlHasParams) { 
+		else {
+			// initialize without width & set width later
+			if (this.vimeoUrlHasParams) {
 				options = {
 					url: vimeoId,
 					controls: false
 				}
 			}
-			else { 
+			else {
 				options = {
 					id: vimeoId,
 					controls: false
@@ -83,18 +83,18 @@
 			});
 
 			// get video's intrinsic size and initiate player dimensions
-			thisObj.vimeoPlayer.getVideoWidth().then(function(width) {						
-				if (width) { 
-					// also get height 
-					thisObj.vimeoPlayer.getVideoHeight().then(function(height) {	
-						if (height) { 								
-							thisObj.resizePlayer(width,height); 								
+			thisObj.vimeoPlayer.getVideoWidth().then(function(width) {
+				if (width) {
+					// also get height
+					thisObj.vimeoPlayer.getVideoHeight().then(function(height) {
+						if (height) {
+							thisObj.resizePlayer(width,height);
 						}
-					});														
+					});
 				}
 			}).catch(function(error) {
-				// an error occurred getting height or width 
-				// TODO: Test this to see how gracefully it organically recovers 
+				// an error occurred getting height or width
+				// TODO: Test this to see how gracefully it organically recovers
 			});
 
 			if (!thisObj.hasPlaylist) {
@@ -224,9 +224,9 @@
 							'language': tracks[i]['language'],
 							'label': tracks[i]['label'],
 							'def': isDefaultTrack
-						});						
+						});
 					}
-					thisObj.captions = thisObj.tracks; 
+					thisObj.captions = thisObj.tracks;
 					thisObj.hasCaptions = true;
 
 					// setupPopups again with new captions array, replacing original
@@ -235,7 +235,7 @@
 			 	}
 			 	else {
 					thisObj.hasCaptions = false;
-					thisObj.usingVimeoCaptions = false; 
+					thisObj.usingVimeoCaptions = false;
 					deferred.resolve();
 				}
 			});
@@ -246,9 +246,9 @@
 	AblePlayer.prototype.getVimeoPosterUrl = function (vimeoId, width) {
 
 		// this is a placeholder, copied from getYouTubePosterUrl()
-		// Vimeo doesn't seem to have anything similar, 
+		// Vimeo doesn't seem to have anything similar,
 		// nor does it seem to be possible to get the poster via the Vimeo API
-		// Vimeo playlist support (with thumbnail images) may require use of data-poster 
+		// Vimeo playlist support (with thumbnail images) may require use of data-poster
 
 		// return a URL for retrieving a YouTube poster image
 		// supported values of width: 120, 320, 480, 640
@@ -271,43 +271,43 @@
 			return url + '/sddefault.jpg';
 		}
 		return false;
-	};	
+	};
 
 	AblePlayer.prototype.getVimeoId = function (url) {
-		
+
 		// return a Vimeo ID, extracted from a full Vimeo URL
 		// Supported URL patterns are anything containing 'vimeo.com'
-		//  and ending with a '/' followed by the ID. 
+		// and ending with a '/' followed by the ID.
 		// (Vimeo IDs do not have predicatable lengths)
-		
-		// Update: If URL contains parameters, return the full url 
-		// This will need to be passed to the Vimeo Player API 
-		// as a url parameter, not as an id parameter		 
-		this.vimeoUrlHasParams = false; 
-	
-		var idStartPos, id; 
-
-		if (typeof url === 'number') { 
-			// this is likely already a vimeo ID 
-			return url; 
+
+		// Update: If URL contains parameters, return the full url
+		// This will need to be passed to the Vimeo Player API
+		// as a url parameter, not as an id parameter
+		this.vimeoUrlHasParams = false;
+
+		var idStartPos, id;
+
+		if (typeof url === 'number') {
+			// this is likely already a vimeo ID
+			return url;
 		}
-		else if (url.indexOf('vimeo.com') !== -1) { 
-			// this is a full Vimeo URL 
-			if (url.indexOf('?') !== -1) { 
-				// URL contains parameters 
-				this.vimeoUrlHasParams = true; 
-				return url; 
+		else if (url.indexOf('vimeo.com') !== -1) {
+			// this is a full Vimeo URL
+			if (url.indexOf('?') !== -1) {
+				// URL contains parameters
+				this.vimeoUrlHasParams = true;
+				return url;
 			}
-			else { 			
-				url = url.trim(); 
-				idStartPos = url.lastIndexOf('/') + 1; 
-				id = url.substring(idStartPos); 
-				return id; 
+			else {
+				url = url.trim();
+				idStartPos = url.lastIndexOf('/') + 1;
+				id = url.substring(idStartPos);
+				return id;
 			}
 		}
-		else { 
-			return url; 
+		else {
+			return url;
 		}
-};	
+	};
 
 })(jQuery);
diff --git a/scripts/volume.js b/scripts/volume.js
index 558d9fb8..efd5d14d 100644
--- a/scripts/volume.js
+++ b/scripts/volume.js
@@ -2,10 +2,10 @@
 
 	AblePlayer.prototype.addVolumeSlider = function($div) {
 
-		// Prior to v4.4.64, we were using a custom-build vertical volunme slider 
-		// Changed to input type="range" because it's standard and gaining more widespread support 
-		// including screen reader support  
-		// TODO: Improve presentation of vertical slider. That requires some CSS finesse.  
+		// Prior to v4.4.64, we were using a custom-build vertical volunme slider
+		// Changed to input type="range" because it's standard and gaining more widespread support
+		// including screen reader support
+		// TODO: Improve presentation of vertical slider. That requires some CSS finesse.
 
 		var thisObj, volumeSliderId, volumeHelpId, volumePct, tickLabelsId, $tickLabels, i, $tickOption, tickLabel;
 
@@ -25,12 +25,11 @@
 			'class': 'able-tooltip',
 			'role': 'tooltip'
 		}).hide();
-		this.$volumeRange = $('<input>',{ 
+		this.$volumeRange = $('<input>',{
 			'type': 'range',
 			'min': '0',
 			'max': '10',
 			'step': '1',
-			'orient': 'vertical', // non-standard, but required for Firefox 
 			'aria-label': this.tt.volumeUpDown,
 			'value': this.volume
 			// 'list': tickLabelsId // Uncomment this to use tickLabels (see note below)
@@ -46,24 +45,24 @@
 		});
 		$tickLabels = $('<datalist>',{
 			'id': tickLabelsId
-		}); 
-		for (i = 0; i <= 10; i++) { 
-			if (i === 0) { 
-				tickLabel = this.tt.mute; 
+		});
+		for (i = 0; i <= 10; i++) {
+			if (i === 0) {
+				tickLabel = this.tt.mute;
 			}
-			else { 
-				tickLabel = (i * 10) + '%'; 
+			else {
+				tickLabel = (i * 10) + '%';
 			}
-			$tickOption = $('<option>',{ 
-				'value': i, 
+			$tickOption = $('<option>',{
+				'value': i,
 				'label': tickLabel
 			})
-			$tickLabels.append($tickOption); 
-		}		
+			$tickLabels.append($tickOption);
+		}
 		this.$volumeSlider.append(this.$volumeSliderTooltip,this.$volumeRange,this.$volumeHelp);
-		// To add $tickLabels, use the following line of code to replace the one above 
-		// and uncommnet the 'list' property in the definition of this.$volumeRange above 
-		// As of Nov 2022, this feature is not supported by any screen reader 
+		// To add $tickLabels, use the following line of code to replace the one above
+		// and uncommnet the 'list' property in the definition of this.$volumeRange above
+		// As of Nov 2022, this feature is not supported by any screen reader
 		// this.$volumeSlider.append(this.$volumeSliderTooltip,this.$volumeRange,this.$volumeHelp,$tickLabels);
 
 		$div.append(this.$volumeSlider);
@@ -76,7 +75,7 @@
 		this.$volumeRange.on('input',function (e) {
 			thisObj.handleVolumeChange($(this).val());
 		});
-			
+
 		this.$volumeRange.on('keydown',function (e) {
 
 			// Escape key or Enter key or Tab key
@@ -104,15 +103,15 @@
 		var volumePct;
 		volumePct = (volume/10) * 100;
 
-		// Update help text 
-		if (this.$volumeHelp) { 
-			this.$volumeHelp.text(volumePct + '%'); 
+		// Update help text
+		if (this.$volumeHelp) {
+			this.$volumeHelp.text(volumePct + '%');
 		}
 
-		// Update the default value of the volume slider input field 
-		// This doesn't seem to be necessary; browsers remember the previous setting during a session 
-		// but this is a fallback in case they don't 
-		this.$volumeRange.attr('value',volume);   
+		// Update the default value of the volume slider input field
+		// This doesn't seem to be necessary; browsers remember the previous setting during a session
+		// but this is a fallback in case they don't
+		this.$volumeRange.attr('value',volume);
 	};
 
 	AblePlayer.prototype.refreshVolumeButton = function(volume) {
@@ -145,25 +144,25 @@
 	AblePlayer.prototype.handleVolumeButtonClick = function() {
 
 		if (this.$volumeSlider.is(':visible')) {
-			this.hideVolumePopup();			
+			this.hideVolumePopup();
 		}
 		else {
 			this.showVolumePopup();
 		}
-	}; 
+	};
 
 	AblePlayer.prototype.handleVolumeKeystroke = function(keycode) {
 
-		// keycode is an ASCII key code 49-57 (numeric keys 1-9), 
-		// keyboard shortcuts for changing volume 
+		// keycode is an ASCII key code 49-57 (numeric keys 1-9),
+		// keyboard shortcuts for changing volume
 
-		var volume; 
+		var volume;
 
 		if (keycode >= 49 && keycode <= 57) {
 			volume = keycode - 48;
 		}
-		else { 
-			return false; 
+		else {
+			return false;
 		}
 
 		if (this.isMuted() && volume > 0) {
@@ -177,12 +176,12 @@
 			this.refreshVolumeHelp(volume);
 			this.refreshVolumeButton(volume);
 		}
-	}; 
+	};
 
 
 	AblePlayer.prototype.handleVolumeChange = function(volume) {
 
-		// handle volume change using the volume input slider  
+		// handle volume change using the volume input slider
 
 		if (this.isMuted() && volume > 0) {
 			this.setMute(false);
@@ -265,7 +264,7 @@
 				this.youTubePlayer.unMute();
 			}
 		}
-		this.setVolume(this.volume); 
+		this.setVolume(this.volume);
 		this.refreshVolumeHelp(this.volume);
 		this.refreshVolumeButton(this.volume);
 	};
@@ -275,26 +274,26 @@
 		// volume is 1 to 10
 		// convert as needed depending on player
 
-		var newVolume; 
+		var newVolume;
 
 		if (this.player === 'html5') {
 			// volume is 0 to 1
-			newVolume = volume / 10; 
+			newVolume = volume / 10;
 			this.media.volume = newVolume;
-			
+
 			if (this.hasSignLanguage && this.signVideo) {
 				this.signVideo.volume = 0; // always mute
 			}
 		}
 		else if (this.player === 'youtube') {
 			// volume is 0 to 100
-			newVolume = volume * 10; 
+			newVolume = volume * 10;
 			this.youTubePlayer.setVolume(newVolume);
 			this.volume = volume;
 		}
 		else if (this.player === 'vimeo') {
 			// volume is 0 to 1
-			newVolume = volume / 10; 
+			newVolume = volume / 10;
 			this.vimeoPlayer.setVolume(newVolume).then(function() {
 				// setVolume finished.
 				// could do something here
@@ -313,7 +312,7 @@
 		}
 		else if (this.player === 'youtube') {
 			// uses 0 to 100 scale
-			if (this.youTubePlayerReady) { 
+			if (this.youTubePlayerReady) {
 				return this.youTubePlayer.getVolume() / 10;
 			}
 		}
diff --git a/scripts/vts.js b/scripts/vts.js
index db50ce55..a1ca5f86 100644
--- a/scripts/vts.js
+++ b/scripts/vts.js
@@ -84,7 +84,7 @@
 					$label = $('<label>', {
 						'for': radioId
 						// Two options for label:
-						// getLanguageName() - with second parameter "local" would return native name, otherwise returns English; 
+						// getLanguageName() - with second parameter "local" would return native name, otherwise returns English;
 						// TODO: if using this be sure to add lang attr to <div> (see above)
 					}).text(this.getLanguageName(this.langs[i]));
 					$radioDiv.append($radio,$label);
@@ -178,8 +178,8 @@
 
 	AblePlayer.prototype.setupVtsTracks = function(kind, lang, trackDesc, label, src, contents) {
 
-		// TODO: Add support for trackDesc 
-		// (to destinguish between tracks for the decribed vs non-described versions)		
+		// TODO: Add support for trackDesc
+		// (to destinguish between tracks for the decribed vs non-described versions)
 
 		// Called from tracks.js
 		var srcFile, vtsCues;
@@ -571,14 +571,12 @@
 
 	AblePlayer.prototype.getIconCredit = function() {
 
-		var credit;
-		credit = '<div id="able-vts-icon-credit">'
-			+ 'Action buttons made by <a href="https://www.flaticon.com/authors/elegant-themes">Elegant Themes</a> '
-			+ 'from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> '
-			+ 'are licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" '
-			+ 'target="_blank">CC 3.0 BY</a>'
-			+ '</div>';
-			return credit;
+		var credit
+			= 'Action buttons made by <a target="_blank" rel="noreferrer" href="https://www.elegantthemes.com">Elegant Themes</a>'
+			+ ' from <a target="_blank" rel="noreferrer" href="https://www.flaticon.com">flaticon</a>'
+			+ ' are licensed by <a target="_blank" rel="noreferrer" href="https://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC 3.0 BY</a>'
+		;
+		return '<div id="able-vts-icon-credit">' + credit + '</div>';
 	};
 
 	AblePlayer.prototype.getAllLangs = function(tracks) {
@@ -741,7 +739,7 @@
 		this.showVtsAlert('A new row ' + newRowNum + ' has been inserted'); // TODO: Localize this
 
 		// Place focus in new select field
-		$select.focus();
+		$select.trigger('focus');
 
 	};
 
@@ -1012,7 +1010,7 @@
 			return myclass.substring(kindStart);
 		}
 		else {
-			// kind-* is one of multiple classes 
+			// kind-* is one of multiple classes
 			// the following will find it regardless of position of "kind-*" within the class string
 			return myclass.substring(kindStart,kindEnd);
 		}
diff --git a/scripts/webvtt.js b/scripts/webvtt.js
index b6954407..3e16fa84 100644
--- a/scripts/webvtt.js
+++ b/scripts/webvtt.js
@@ -188,10 +188,10 @@
 			if (nextLine.indexOf('NOTE') === 0 && ((nextLine.length === 4) || (nextLine[4] === ' ') || (nextLine[4] === '\t'))) {
 				actList(state, [eatComment, eatEmptyLines]);
 			}
-			else if ($.trim(nextLine).length === 0 && state.text.length > 0) {
+			else if (nextLine.trim().length === 0 && state.text.length > 0) {
 				act(state, eatEmptyLines);
 			}
-			else if ($.trim(nextLine).length > 0) {
+			else if (nextLine.trim().length > 0) {
 				act(state, parseCue);
 			}
 			else {
@@ -549,14 +549,14 @@
 			else if (tokenState === 'startTagAnnotation') {
 				if (c === '>') {
 					cut(state, 1);
-					buffer = $.trim(buffer).replace(/ +/, ' ');
+					buffer = buffer.trim().replace(/ +/, ' ');
 					token.type = 'startTag';
 					token.tagName = result.join('');
 					token.annotation = buffer;
 					return token;
 				}
 				else if (c === '\u0004') {
-					buffer = $.trim(buffer).replace(/ +/, ' ');
+					buffer = buffer.trim().replace(/ +/, ' ');
 					token.type = 'startTag';
 					token.tagName = result.join('');
 					token.annotation = buffer;
@@ -615,7 +615,7 @@
 		}
 		while (true) {
 			var nextLine = peekLine(state);
-			if ($.trim(nextLine).length === 0) {
+			if ( nextLine.trim().length === 0) {
 				// End of comment.
 				return;
 			}
@@ -695,7 +695,7 @@
 	function eatEmptyLines(state) {
 		while (state.text.length > 0) {
 			var nextLine = peekLine(state);
-			if ($.trim(nextLine).length === 0) {
+			if ( nextLine.trim().length === 0) {
 				cutLine(state);
 			}
 			else {
@@ -709,7 +709,7 @@
 		var linesEaten = 0;
 		while (state.text.length > 0) {
 			var nextLine = peekLine(state);
-			if ($.trim(nextLine).length === 0) {
+			if ( nextLine.trim().length === 0) {
 				cutLine(state);
 				linesEaten += 1;
 			}
diff --git a/scripts/youtube.js b/scripts/youtube.js
index 3a1d598a..94f68389 100644
--- a/scripts/youtube.js
+++ b/scripts/youtube.js
@@ -1,5 +1,5 @@
-
 (function ($) {
+
 	AblePlayer.prototype.initYouTubePlayer = function () {
 
 		var thisObj, deferred, promise, youTubeId, googleApiPromise, json;
@@ -8,7 +8,7 @@
 		deferred = new $.Deferred();
 		promise = deferred.promise();
 
-		this.youTubePlayerReady = false; 
+		this.youTubePlayerReady = false;
 
 		// if a described version is available && user prefers desription
 		// init player using the described version
@@ -66,8 +66,8 @@
 		// cc_load_policy:
 		// 0 - show captions depending on user's preference on YouTube
 		// 1 - show captions by default, even if the user has turned them off
-		// IMPORTANT: This *must* be set to 1 or some browsers 
-		// fail to load any texttracks (observed in Chrome, not in Firefox) 
+		// IMPORTANT: This *must* be set to 1 or some browsers
+		// fail to load any texttracks (observed in Chrome, not in Firefox)
 		ccLoadPolicy = 1;
 
 		if (this.okToPlay) {
@@ -79,9 +79,9 @@
 
 		// Documentation https://developers.google.com/youtube/player_parameters
 
-		if (typeof this.captionLang == 'undefined') { 
+		if (typeof this.captionLang == 'undefined') {
 			// init using the default player lang
-			this.captionLang = this.lang; 
+			this.captionLang = this.lang;
 		}
 		this.youTubePlayer = new YT.Player(containerId, {
 			videoId: this.activeYouTubeId,
@@ -94,19 +94,19 @@
 				start: this.startTime,
 				controls: 0, // no controls, using our own
 				cc_load_policy: ccLoadPolicy,
-				cc_lang_pref: this.captionLang, // set the caption language 
-				hl: this.lang, // set the UI language to match Able Player 
+				cc_lang_pref: this.captionLang, // set the caption language
+				hl: this.lang, // set the UI language to match Able Player
 				modestbranding: 1, // no YouTube logo in controller
 				rel: 0, // when video ends, show only related videos from same channel (1 shows any)
 				iv_load_policy: 3 // do not show video annotations
 			},
 			events: {
 				onReady: function () {
-					thisObj.youTubePlayerReady = true; 
-					if (!thisObj.playerWidth || !thisObj.playerHeight) { 
+					thisObj.youTubePlayerReady = true;
+					if (!thisObj.playerWidth || !thisObj.playerHeight) {
 						thisObj.getYouTubeDimensions();
 					}
-					if (thisObj.playerWidth && thisObj.playerHeight) { 
+					if (thisObj.playerWidth && thisObj.playerHeight) {
 						thisObj.youTubePlayer.setSize(thisObj.playerWidth,thisObj.playerHeight);
 						thisObj.$ableWrapper.css({
 							'width': thisObj.playerWidth + 'px'
@@ -125,7 +125,7 @@
 					if (thisObj.userClickedPlaylist) {
 						thisObj.userClickedPlaylist = false; // reset
 					}
-					if (thisObj.recreatingPlayer) { 
+					if (thisObj.recreatingPlayer) {
 						thisObj.recreatingPlayer = false; // reset
 					}
 					deferred.resolve();
@@ -133,7 +133,7 @@
 				onError: function (x) {
 					deferred.fail();
 				},
-				onStateChange: function (x) {				
+				onStateChange: function (x) {
 					thisObj.getPlayerState().then(function(playerState) {
 						// values of playerState: 'playing','paused','buffering','ended'
 						if (playerState === 'playing') {
@@ -159,13 +159,13 @@
 						}
 					});
 					// If caption tracks are hosted locally, but are also available on YouTube,
-					// we need to turn them off on YouTube or there will be redundant captions 
-					// This is the most reliable event on which to unload the caption module 
-					if (thisObj.player === 'youtube' && !thisObj.usingYouTubeCaptions) { 						
-						if (thisObj.youTubePlayer.getOptions('captions')) { 							
+					// we need to turn them off on YouTube or there will be redundant captions
+					// This is the most reliable event on which to unload the caption module
+					if (thisObj.player === 'youtube' && !thisObj.usingYouTubeCaptions) {
+						if (thisObj.youTubePlayer.getOptions('captions')) {
 							thisObj.youTubePlayer.unloadModule('captions');
 						}
-					}			 			
+					}
 				},
 				onPlaybackQualityChange: function () {
 					// do something
@@ -176,24 +176,24 @@
 			// remove the media element, since YouTube replaces that with its own element in an iframe
 			// this is handled differently for playlists. See buildplayer.js > cuePlaylistItem()
 			this.$media.remove();
-		}		
+		}
 		return promise;
 	};
 
 	AblePlayer.prototype.getYouTubeDimensions = function (youTubeContainerId) {
 
-		// The YouTube iframe API does not have a getSize() of equivalent method 
-		// so, need to get dimensions from YouTube's iframe 
+		// The YouTube iframe API does not have a getSize() of equivalent method
+		// so, need to get dimensions from YouTube's iframe
 
-		var $iframe, width, height; 
+		var $iframe, width, height;
 
-		$iframe = this.$ableWrapper.find('iframe'); 
+		$iframe = this.$ableWrapper.find('iframe');
 		if (typeof $iframe !== 'undefined') {
-			if ($iframe.prop('width')) { 
-				width = $iframe.prop('width');			
-				if ($iframe.prop('height')) { 
+			if ($iframe.prop('width')) {
+				width = $iframe.prop('width');
+				if ($iframe.prop('height')) {
 					height = $iframe.prop('height');
-					this.resizePlayer(width,height); 
+					this.resizePlayer(width,height);
 				}
 			}
 		}
@@ -202,14 +202,14 @@
 	AblePlayer.prototype.getYouTubeCaptionTracks = function (youTubeId) {
 
 		// get data via YouTube IFrame Player API, and push data to this.tracks & this.captions
-		// NOTE: Caption tracks are not available through the IFrame Player API 
-		// until AFTER the video has started playing. 
+		// NOTE: Caption tracks are not available through the IFrame Player API
+		// until AFTER the video has started playing.
 		// Therefore, this function plays the video briefly in order to load the captions module
-		// then stops the video and collects the data needed to build the cc menu 
-		// This is stupid, but seemingly unavoidable. 
-		// Caption tracks could be obtained through the YouTube Data API 
-		// but this required authors to have a Google API key, 
-		// which would complicate Able Player installation 
+		// then stops the video and collects the data needed to build the cc menu
+		// This is stupid, but seemingly unavoidable.
+		// Caption tracks could be obtained through the YouTube Data API
+		// but this required authors to have a Google API key,
+		// which would complicate Able Player installation
 
 		var deferred = new $.Deferred();
 		var promise = deferred.promise();
@@ -217,44 +217,44 @@
 		var thisObj, ytTracks, i, trackLang, trackLabel, isDefaultTrack;
 
 		thisObj = this;
-		
-		if (!this.youTubePlayer.getOption('captions','tracklist')) { 
 
-			// no tracks were found, probably because the captions module hasn't loaded  
-			// play video briefly (required in order to load the captions module) 
+		if (!this.youTubePlayer.getOption('captions','tracklist')) {
+
+			// no tracks were found, probably because the captions module hasn't loaded
+			// play video briefly (required in order to load the captions module)
 			// and after the apiChange event is triggered, try again to retreive tracks
-			this.youTubePlayer.addEventListener('onApiChange',function(x) { 
-
-				// getDuration() also requires video to play briefly 
-				// so, let's set that while we're here 				
-				thisObj.duration = thisObj.youTubePlayer.getDuration();				
-
-				if (thisObj.loadingYouTubeCaptions) { 				
-					// loadingYouTubeCaptions is a stopgap in case onApiChange is called more than once 
-					ytTracks = thisObj.youTubePlayer.getOption('captions','tracklist');					
-					if (!thisObj.okToPlay) { 
-						// Don't stopVideo() - that cancels loading 
-						// Just pause 
-						// No need to seekTo(0) - so little time has passed it isn't noticeable to the user 
-						thisObj.youTubePlayer.pauseVideo(); 
+			this.youTubePlayer.addEventListener('onApiChange',function(x) {
+
+				// getDuration() also requires video to play briefly
+				// so, let's set that while we're here
+				thisObj.duration = thisObj.youTubePlayer.getDuration();
+
+				if (thisObj.loadingYouTubeCaptions) {
+					// loadingYouTubeCaptions is a stopgap in case onApiChange is called more than once
+					ytTracks = thisObj.youTubePlayer.getOption('captions','tracklist');
+					if (!thisObj.okToPlay) {
+						// Don't stopVideo() - that cancels loading
+						// Just pause
+						// No need to seekTo(0) - so little time has passed it isn't noticeable to the user
+						thisObj.youTubePlayer.pauseVideo();
 					}
-					if (ytTracks && ytTracks.length) { 
+					if (ytTracks && ytTracks.length) {
 						// Step through ytTracks and add them to global tracks array
-						// Note: Unlike YouTube Data API, the IFrame Player API only returns 
-						// tracks that are published, and does NOT include ASR captions 
-						// So, no additional filtering is required 
+						// Note: Unlike YouTube Data API, the IFrame Player API only returns
+						// tracks that are published, and does NOT include ASR captions
+						// So, no additional filtering is required
 						for (i=0; i < ytTracks.length; i++) {
-							trackLang = ytTracks[i].languageCode; 
+							trackLang = ytTracks[i].languageCode;
 							trackLabel = ytTracks[i].languageName; // displayName and languageName seem to always have the same value
-							isDefaultTrack = false; 
-							if (typeof thisObj.captionLang !== 'undefined') { 
+							isDefaultTrack = false;
+							if (typeof thisObj.captionLang !== 'undefined') {
 								if (trackLang === thisObj.captionLang) {
-									isDefaultTrack = true;						
+									isDefaultTrack = true;
 								}
 							}
-							else if (typeof thisObj.lang !== 'undefined') { 
+							else if (typeof thisObj.lang !== 'undefined') {
 								if (trackLang === thisObj.lang) {
-									isDefaultTrack = true;						
+									isDefaultTrack = true;
 								}
 							}
 							thisObj.tracks.push({
@@ -268,38 +268,38 @@
 								'label': trackLabel,
 								'def': isDefaultTrack,
 								'cues': null
-							});							
+							});
 						}
 						thisObj.hasCaptions = true;
 						// setupPopups again with new captions array, replacing original
-						thisObj.setupPopups('captions');				
+						thisObj.setupPopups('captions');
 					}
-					else { 
-						// there are no YouTube captions 
-						thisObj.usingYouTubeCaptions = false; 
+					else {
+						// there are no YouTube captions
+						thisObj.usingYouTubeCaptions = false;
 						thisObj.hasCaptions = false;
 					}
-					thisObj.loadingYouTubeCaptions = false; 
-					if (thisObj.okToPlay) { 
+					thisObj.loadingYouTubeCaptions = false;
+					if (thisObj.okToPlay) {
 						thisObj.youTubePlayer.playVideo();
 					}
 				}
-				if (thisObj.captionLangPending) { 
-					// user selected a new caption language prior to playback starting 
-					// set it now 
+				if (thisObj.captionLangPending) {
+					// user selected a new caption language prior to playback starting
+					// set it now
 					thisObj.youTubePlayer.setOption('captions', 'track', {'languageCode': thisObj.captionLangPending});
-					thisObj.captionLangPending = null; 
+					thisObj.captionLangPending = null;
 				}
-				if (typeof thisObj.prefCaptionsSize !== 'undefined') { 
-					// set the default caption size 
-					// this doesn't work until the captions module is loaded 
+				if (typeof thisObj.prefCaptionsSize !== 'undefined') {
+					// set the default caption size
+					// this doesn't work until the captions module is loaded
 					thisObj.youTubePlayer.setOption('captions','fontSize',thisObj.translatePrefs('size',thisObj.prefCaptionsSize,'youtube'));
 				}
 				deferred.resolve();
 			});
-			// Trigger the above event listener by briefly playing the video 		
-			this.loadingYouTubeCaptions = true; 	
-			this.youTubePlayer.playVideo();		
+			// Trigger the above event listener by briefly playing the video
+			this.loadingYouTubeCaptions = true;
+			this.youTubePlayer.playVideo();
 		}
 		return promise;
 	};
@@ -308,8 +308,8 @@
 
 		// return URL for retrieving WebVTT source via YouTube's timedtext API
 		// Note: This API seems to be undocumented, and could break anytime
-		// UPDATE: Google removed this API on November 10, 2021 
-		// This function is no longer called, but is preserved here for reference 
+		// UPDATE: Google removed this API on November 10, 2021
+		// This function is no longer called, but is preserved here for reference
 		var url = 'https://www.youtube.com/api/timedtext?fmt=vtt';
 		url += '&v=' + youTubeId;
 		url += '&lang=' + trackLang;
@@ -348,23 +348,23 @@
 	AblePlayer.prototype.getYouTubeId = function (url) {
 
 		// return a YouTube ID, extracted from a full YouTube URL
-		// Supported URL patterns (with http or https): 
+		// Supported URL patterns (with http or https):
 		// https://youtu.be/xxx
 		// https://www.youtube.com/watch?v=xxx
 		// https://www.youtube.com/embed/xxx
 
-		// in all supported patterns, the id is the last 11 characters 
-		var idStartPos, id; 
+		// in all supported patterns, the id is the last 11 characters
+		var idStartPos, id;
 
-		if (url.indexOf('youtu') !== -1) { 
-			// this is a full Youtube URL 
-			url = url.trim(); 
-			idStartPos = url.length - 11; 
-			id = url.substring(idStartPos); 
-			return id; 
+		if (url.indexOf('youtu') !== -1) {
+			// this is a full Youtube URL
+			url = url.trim();
+			idStartPos = url.length - 11;
+			id = url.substring(idStartPos);
+			return id;
 		}
-		else { 
-			return url; 
+		else {
+			return url;
 		}
 };
 
diff --git a/styles/ableplayer.css b/styles/ableplayer.css
index fbe5171e..7e550025 100644
--- a/styles/ableplayer.css
+++ b/styles/ableplayer.css
@@ -1,37 +1,37 @@
 /*
-	Able Player core styles
+  Able Player core styles
 
-	Default z-index map:
+  Default z-index map:
 
-	* Modal dialog
-	div.able-modal-dialog = 10000
-	div.able-modal-overlay = 9500
+  * Modal dialog
+  div.able-modal-dialog = 10000
+  div.able-modal-overlay = 9500
 
-	* Items that should always be on top (9000):
-	#able-vts = 9400
-	.able-alert = 9400
-	.able-window-toolbar .able-button-handler-preferences = 9300
+  * Items that should always be on top (9000):
+  #able-vts = 9400
+  .able-alert = 9400
+  .able-window-toolbar .able-button-handler-preferences = 9300
   .able-popup = 9200
   .able-volume-head = 9175
   .able-volume-slider = 9150
   .able-tooltip = 9000
 
   * Pop-ups with critical content:  (7000 - 8000):
-	.able-sign-window = 8000
-	.able-transcript-area = 7000
+  .able-sign-window = 8000
+  .able-transcript-area = 7000
 
   * Player controls: (5000 - 6000)
   .able-controller .able-seekbar = 6900
   .able-controller .buttonOff = 6800
   .able-controller div[role="button"] > img = 6700
   .able-controller div[role="button"] > span = 6700
-	.able-controller div[role="button"] = 6600
-	.able-big-play-button = 6500
-	div.able-captions-wrapper = 6000
+  .able-controller div[role="button"] = 6600
+  .able-big-play-button = 6500
+  div.able-captions-wrapper = 6000
   .able-seekbar-head = 5500
   .able-seekbar-played = 5200
-	.able-seekbar-loaded = 5100
-	.able = 5000
+  .able-seekbar-loaded = 5100
+  .able = 5000
 */
 .able-wrapper {
   position: relative;
@@ -45,7 +45,7 @@
 .able {
   position: relative;
   margin: 0;
-	padding: 0; 
+  padding: 0;
   width: 100%; /* will be changed dynamically as player is contructed */
   background-color: #000;
   box-shadow: 0px 0px 16px #262626;
@@ -58,43 +58,43 @@
     float: left;
 }
 .able .able-vidcap-container {
-  background-color: black;
+  background-color: #000;
   /* height: 360px; */
   left: 0;
   margin: 0;
   position: relative;
   top: 0;
 }
-.able .able-audcap-container { 
-  background-color: black;
+.able .able-audcap-container {
+  background-color: #000;
   position: relative;
   margin: 0;
-	padding: 1.5em 0.25em;
+  padding: 1.5em 0.25em;
 }
 .able-player {
-	font-family: Arial, Helvetica, sans-serif;
-	background-color: #262626; /* background color of player (appears on top & bottom) */
+  font-family: Arial, Helvetica, sans-serif;
+  background-color: #262626; /* background color of player (appears on top & bottom) */
 }
-.able-audio { 
-	padding-top: 1em;
+.able-audio {
+  padding-top: 1em;
 }
 .able-offscreen {
-	position: absolute;
-	left: -10000px;
-	top: auto;
-	width: 1px;
-	height: 1px;
-	overflow: hidden;
+  position: absolute;
+  left: -10000px;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
 }
 .able-media-container audio {
   display: none !important;
 }
 .able-controller {
-	position: relative;
-	border-bottom: 1px solid #4c4c4c;
-	background-color: #464646; /* background color of controller bar */
-	min-height: 38px; /* height of button (20px) + 4px border + 4px padding */
-	padding: 0;
+  position: relative;
+  border-bottom: 1px solid #4c4c4c;
+  background-color: #464646; /* background color of controller bar */
+  min-height: 38px; /* height of button (20px) + 4px border + 4px padding */
+  padding: 0;
 }
 .able-poster {
   position: absolute;
@@ -106,15 +106,15 @@
 .able .able-vidcap-container {
   overflow: visible;
 }
-.able .able-vidcap-container video { 
-	max-width: 100%; 
+.able .able-vidcap-container video {
+  max-width: 100%;
 }
 
 /*
-  YouTube and Vimeo 
+  YouTube and Vimeo
 */
-.able-media-container iframe { 
-	max-width: 100%;
+.able-media-container iframe {
+  max-width: 100%;
 }
 
 /*
@@ -131,35 +131,33 @@
     top: 0;
     padding: 0;
     z-index: 6500;
-    /* 
-      Opacity value chosen to achieve a 
+    /*
+      Opacity value chosen to achieve a
       contrast ratio of 5.63 in the worst case.
     */
     opacity: 0.75;
-    filter:alpha(opacity=75); /* for IE */
 }
 
 .able-big-play-button:hover, .able-big-play-button:focus {
   opacity: 100;
-  filter:alpha(opacity=100); /* for IE */
 }
 
-.able-big-play-button .icon-play, 
+.able-big-play-button .icon-play,
 .able-big-play-button svg {
-  background-color: black;
+  background-color: #000;
   padding: 1rem 2rem;
 }
-.able-big-play-button:hover .icon-play, 
+.able-big-play-button:hover .icon-play,
 .able-big-play-button:hover svg {
   outline-style: solid;
   outline-width: medium;
-  outline-color: #8AB839 !important; /* green */
+  outline-color: #8ab839 !important; /* green */
 }
 .able-big-play-button:focus .icon-play,
 .able-big-play-button:focus svg {
   outline-style: solid;
   outline-width: medium;
-	outline-color: #ffbb37 !important; /* yellow */
+  outline-color: #ffbb37 !important; /* yellow */
 }
 .able-left-controls, .able-right-controls {
     overflow: visible;
@@ -184,10 +182,10 @@
 .able-white-controls,
 .able-white-controls div[role="button"],
 .able-black-controls label {
-  color: #FFF !important;
+  color: #fff !important;
 }
 .able-white-controls .able-seekbar {
-  border: 1px solid #FFF;
+  border: 1px solid #fff;
 }
 .able-controller div[role="button"] {
   background: none;
@@ -211,8 +209,7 @@
   z-index: 6700;
 }
 .able-controller .buttonOff {
-	opacity: 0.5;
-	filter:alpha(opacity=50); /* for IE */
+  opacity: 0.5;
   z-index: 6800;
 }
 .able-controller .able-seekbar {
@@ -225,10 +222,10 @@
   outline-width: medium;
 }
 .able-controller div[role="button"]:hover {
-	outline-color: #8AB839 !important; /* green */
+  outline-color: #8ab839 !important; /* green */
 }
 .able-controller div[role="button"]:focus {
-	outline-color: #ffbb37 !important; /* yellow */
+  outline-color: #ffbb37 !important; /* yellow */
 }
 .able-controller button::-moz-focus-inner,
 .able-search-results button::-moz-focus-inner {
@@ -247,11 +244,11 @@
   position: relative;
   height: 0.5em;
   border: 1px solid;
-  background-color: #000000;
+  background-color: #000;
   margin: 0 3px;
   border-style: solid;
   border-width: 2px;
-  border-color: #ffffff;
+  border-color: #fff;
 }
 .able-seekbar-loaded {
   display: inline-block;
@@ -268,7 +265,7 @@
   left: 0;
   top: 0;
   height: 0.5em;
-  background-color: #DADADA;
+  background-color: #dadada;
   z-index: 5200;
 }
 .able-seekbar-head {
@@ -276,7 +273,7 @@
   position: relative;
   left: 0;
   top: -0.4em;
-  background-color: #FDFDFD;
+  background-color: #fdfdfd;
   width: 0.8em;
   height: 0.8em;
   border: 1px solid;
@@ -289,13 +286,13 @@
 */
 .able-volume-slider {
   width: 34px;
-  height: 80px; 
+  height: 80px;
   background-color: #464646; /* same as .able-controller */
   margin: 0;
   padding: 5px 0;
   position: absolute;
   right: 0px;
-  bottom: 60px; 
+  bottom: 60px;
   display: block;
   z-index: 9100;
 }
@@ -303,22 +300,21 @@
   display: none;
 }
 
-.able-volume-slider input[type="range"] { 
-  appearance: slider-vertical;
-  writing-mode: bt-rl;
+.able-volume-slider input[type="range"] {
+  writing-mode: vertical-lr;
   /* -webkit-appearance: none; */ /* Hides the slider so that custom slider can be made */
-  width: 28px; 
-  height: 100%; 
+  width: 28px;
+  height: 100%;
   background: transparent; /* Otherwise white in Chrome */
 }
-/* 
-  Style slider in Firefox 
-*/ 
+/*
+  Style slider in Firefox
+*/
 .able-volume-slider input[type=range]::-moz-range-track {
-  border: 1px solid white;
+  border: 1px solid #fff;
   width: 7px;
   cursor: pointer;
-  background: #000; 
+  background: #000;
 }
 input[type=range]::-moz-range-thumb {
   background-color: #fdfdfd;
@@ -328,42 +324,32 @@ input[type=range]::-moz-range-thumb {
   z-index: 9175;
 }
 
-/* 
-  TODO: Style the slider in webkit to match the one in Mozilla 
-  First attempt at this was unsuccessful; it's quite fussy 
-  Placeholder selectors are provided below 
-  Also, will need to uncomment -webkit-appearance: none in slider rule above 
-*/ 
+/*
+  TODO: Style the slider in webkit to match the one in Mozilla
+  First attempt at this was unsuccessful; it's quite fussy
+  Placeholder selectors are provided below
+  Also, will need to uncomment -webkit-appearance: none in slider rule above
+*/
 .able-volume-slider input[type=range]::-webkit-slider-runnable-track {}
 .able-volume-slider input[type=range]::-webkit-slider-thumb {}
 
-/* 
-  TODO: Style the slider for IE (not a high priority) 
-*/   
-input[type=range]::-ms-track {}
-input[type=range]::-ms-fill-lower {}
-input[type=range]::-ms-fill-upper {}
-input[type=range]::-ms-thumb {}
-input[type=range]:focus::-ms-fill-lower {}
-input[type=range]:focus::-ms-fill-upper {}
-
 /*
   Status Bar
 */
 
 .able-status-bar {
-	height: 1.5em;
-	min-height: 1.5em;
-	color: #CCC;
-	font-size: 0.9em;
-	background-color: transparent;
-	padding: 0.5em 0.5em 0.25em;
+  height: 1.5em;
+  min-height: 1.5em;
+  color: #ccc;
+  font-size: 0.9em;
+  background-color: transparent;
+  padding: 0.5em 0.5em 0.25em;
 }
 .able-status-bar span.able-timer {
-	/* contains both span.elapsedTime and span.duration */
-	text-align: left;
-	float: left;
-	width: 32%;
+  /* contains both span.elapsedTime and span.duration */
+  text-align: left;
+  float: left;
+  width: 32%;
 }
 .able-status-bar span.able-speed {
   float: left;
@@ -371,10 +357,10 @@ input[type=range]:focus::-ms-fill-upper {}
   text-align: center;
 }
 .able-status {
-	font-style: italic;
-	float: right;
-	width: 32%;
-	text-align :right;
+  font-style: italic;
+  float: right;
+  width: 32%;
+  text-align :right;
 }
 
 /*
@@ -392,11 +378,11 @@ div.able-captions-wrapper {
 div.able-captions {
   display: none;
   padding: 0.15em 0.25em;
-	line-height: 1.35em;
+  line-height: 1.35em;
   /* settings that are overridden by user prefs */
-  background-color: black;
+  background-color: #000;
   font-size: 1em;
-  color: white;
+  color: #fff;
   opacity: 0.75;
 }
 div.able-vidcap-container div.able-captions-overlay {
@@ -408,12 +394,12 @@ div.able-vidcap-container div.able-captions-below {
   position: relative;
   min-height: 3.2em;
 }
-div.able-audcap-container.captions-off { 
-	display: none;
+div.able-audcap-container.captions-off {
+  display: none;
 }
 div.able-descriptions {
   position: relative;
-  color: #FF6; /* yellow, to differentiate it from captions */
+  color: #ff6; /* yellow, to differentiate it from captions */
   background-color: #262626;
   min-height: 2.8em;
   border-top: 1px solid #666;
@@ -427,21 +413,21 @@ div.able-descriptions {
   Now Playing
 */
 div.able-now-playing {
-	text-align: center;
-	font-weight: bold;
-	font-size: 1.1em;
-	color: #FFFFFF;
-	background-color: transparent;
-	padding: 0.5em 0.5em 1em;
+  text-align: center;
+  font-weight: bold;
+  font-size: 1.1em;
+  color: #fff;
+  background-color: transparent;
+  padding: 0.5em 0.5em 1em;
 }
 div.able-now-playing span {
-	font-size: 0.9em;
+  font-size: 0.9em;
 }
 div.able-now-playing span span {
-	display: block;
+  display: block;
 }
-div.able-video div.able-now-playing { 
-	display: none;
+div.able-video div.able-now-playing {
+  display: none;
 }
 
 /*
@@ -459,18 +445,18 @@ div.able-modal-dialog {
   outline: 0px none;
   display: none;
   color: #000;
-  background-color: #FAFAFA;
+  background-color: #fafafa;
   box-sizing: content-box !important;
   z-index: 10000;
-	max-height: 90%; 
-	overflow: scroll; 
+  max-height: 90%;
+  overflow: scroll;
 }
 @supports (transform: translate(-50%,-50%)) {
-	div.able-modal-dialog {
-	  top: 50%;
-		left: 50%;
-	  transform: translate(-50%,-50%) !important;
-	}
+  div.able-modal-dialog {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%) !important;
+  }
 }
 
 div.able-modal-overlay {
@@ -503,11 +489,11 @@ div.able-modal-dialog button:focus {
 }
 div.able-modal-dialog input:hover,
 div.able-modal-dialog button:hover {
-	outline-color: #8AB839; /* green */
+  outline-color: #8ab839; /* green */
 }
 div.able-modal-dialog input:focus,
 div.able-modal-dialog button:focus {
-	outline-color: #ffbb37; /* yellow */
+  outline-color: #ffbb37; /* yellow */
 }
 div.able-modal-dialog h1 {
   font-weight: bold;
@@ -520,12 +506,12 @@ div.able-modal-dialog h1 {
 .able-prefs-form,
 .able-help-div,
 .able-resize-form {
-	background-color: #F5F5F5;
-	border: medium solid #ccc;
-	padding: 0.5em 1em;
-	margin: 0 0 0 1em;
-	width: 25em;
-	display: none;
+  background-color: #f5f5f5;
+  border: medium solid #ccc;
+  padding: 0.5em 1em;
+  margin: 0 0 0 1em;
+  width: 25em;
+  display: none;
 }
 
 /*
@@ -535,12 +521,12 @@ div.able-modal-dialog h1 {
 .able-prefs-form div[role="group"] {
   margin: 1em 0;
   padding: 0;
-	border: none;
+  border: none;
 }
 .able-prefs-form h2 {
-	color: black;
-	font-weight: bold;
-	font-size: 1.1em;
+  color: #000;
+  font-weight: bold;
+  font-size: 1.1em;
 }
 .able-prefs-form div[role="group"] > div {
   display: table;
@@ -548,12 +534,12 @@ div.able-modal-dialog h1 {
 }
 .able-prefs-form div[role="group"] > div > input {
   display: table-cell;
-	width: 1em;
-	vertical-align: middle;
+  width: 1em;
+  vertical-align: middle;
 }
 .able-prefs-form div[role="group"] > div > label {
   display: table-cell;
-	padding-left: 0.5em;
+  padding-left: 0.5em;
 }
 .able-desc-pref-prompt {
   font-weight: bold;
@@ -579,8 +565,8 @@ div.able-modal-dialog h1 {
   font-size: 0.9em;
   border-radius: none;
 }
-.able-prefs-descriptions >  div.able-prefs-select { 
-	margin: 0.5em 1em;
+.able-prefs-descriptions >  div.able-prefs-select {
+  margin: 0.5em 1em;
 }
 .able-prefs-descriptions >  div.able-prefs-select > label,
 .able-prefs-descriptions >  div.able-prefs-slider > label {
@@ -604,7 +590,7 @@ div.able-prefDescPause {
 .able-prefs-form div.able-desc-sample {
   padding: 0.5em;
   text-align: center;
-  color: #FFF;
+  color: #fff;
   background-color: #000;
 }
 .able-prefs-form h2 {
@@ -620,7 +606,7 @@ div.able-prefDescPause {
   Keyboard Preferences Dialog
 */
 able-prefs-form-keyboard ul {
-	list-style-type: none;
+  list-style-type: none;
 }
 span.able-modkey-alt,
 span.able-modkey-ctrl,
@@ -652,7 +638,7 @@ span.able-modkey {
   font-size: 1em;
 }
 .able-resize-form input[readonly] {
-  color: #AAA;
+  color: #aaa;
 }
 
 /*
@@ -686,10 +672,10 @@ span.able-modkey {
   outline-width: medium;
 }
 .able-window-toolbar .able-button-handler-preferences:hover {
-	outline-color: #8AB839 !important; /* green */
+  outline-color: #8ab839 !important; /* green */
 }
 .able-window-toolbar .able-button-handler-preferences:focus {
-	outline-color: #ffbb37 !important; /* yellow */
+  outline-color: #ffbb37 !important; /* yellow */
 }
 .able-window-toolbar .able-popup {
   position: absolute;
@@ -699,7 +685,7 @@ span.able-modkey {
   display: block;
 }
 .able-drag {
-  border: 2px dashed #F90;
+  border: 2px dashed #f90;
   cursor: move;
 }
 .able-resizable {
@@ -712,7 +698,7 @@ span.able-modkey {
   cursor: nwse-resize;
 }
 .able-resizable svg line {
-  stroke: #595959; 
+  stroke: #595959;
   stroke-width: 2px;
 }
 
@@ -768,32 +754,32 @@ div.able-chapters-div li.able-current-chapter {
   background-color: #000 !important;
 }
 div.able-chapters-div li.able-current-chapter button {
-  color: #FFF !important;
+  color: #fff !important;
 }
 div.able-chapters-div li.able-focus {
-  background-color: #4C4C4C;
+  background-color: #4c4c4c;
 }
 div.able-chapters-div button:focus,
 div.able-chapters-div button:hover,
 div.able-chapters-div button::-moz-focus-inner {
   border: 0;
   outline: none;
-  color: #FFF !important;
+  color: #fff !important;
 }
 
 /*
   Fullscreen settings
   In v2.2.4b commented out :-webkit-full-screen style
   This was causing the toolbar in fullscreen mode to be positioned slightly offscreen in webkit browsers
-  Safari had an additional problem in window height was being calculated 
+  Safari had an additional problem in window height was being calculated
   Commenting out this style appears have no adverse effect in any browser
   All other fullscreen styles were already commented out, and left here solely for reference
 */
-div.able-wrapper.fullscreen { 
-	margin: 0 !important; 
-	position: fixed !important; 
-	top: 0 !important;
-	background: none !important;
+div.able-wrapper.fullscreen {
+  margin: 0 !important;
+  position: fixed !important;
+  top: 0 !important;
+  background: none !important;
 }
 /*
 :-webkit-full-screen {
@@ -836,17 +822,17 @@ div.able-wrapper.fullscreen {
 .able-tooltip, .able-alert {
   position: absolute;
   padding: 5px 10px;
-  border-color: black;
+  border-color: #000;
   border-width: 1px;
   color: #000 !important;
-  background-color: #CCCCCC;
+  background-color: #ccc;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   display: block;
 }
 .able-alert {
-  background-color: #FFFFCC;
+  background-color: #ffc;
   box-shadow: 0px 0px 16px #262626;
   z-index: 9400;
   position: absolute;
@@ -866,7 +852,7 @@ div.able-wrapper.fullscreen {
   position: absolute;
   margin: 0;
   padding: 0;
-  border-color: black;
+  border-color: #000;
   border-width: 1px;
   background-color: #000;
   opacity: 0.85;
@@ -882,11 +868,11 @@ ul.able-popup {
 .able-popup li {
   padding: 0.25em 1em 0.25em 0.25em;
   margin: 1px;
-	width: auto;
-  color: #FFF;
+  width: auto;
+  color: #fff;
 }
 .able-popup li.able-focus {
-  background-color: #CCC;
+  background-color: #ccc;
   color: #000;
 }
 .able-popup-captions li {
@@ -910,74 +896,73 @@ ul.able-popup {
   z-index: 7000;
   outline: none;
   padding-bottom: 25px; /* keep content above 16x16px drag icon */
-  background-color: #FFF;
+  background-color: #fff;
 }
 .able-transcript {
-	position: relative; /* must be positioned for scrolling */
+  position: relative; /* must be positioned for scrolling */
   overflow-y: scroll;
   padding-left: 5%;
   padding-right: 5%;
   /* width: 90%; */
-  background-color: #FFF;
+  background-color: #fff;
   height: 350px;
 }
 .able-transcript div {
-	margin: 1em 0;
+  margin: 1em 0;
 }
 .able-transcript-heading {
   font-size: 1.4em;
   font-weight: bold;
-	margin: 1em 0;
-	padding: 0;
+  margin: 1em 0;
+  padding: 0;
 }
 .able-transcript-chapter-heading {
   font-size: 1.2em;
   font-weight: bold;
-	margin: 0;
-	padding: 0;
+  margin: 0;
+  padding: 0;
 }
 .able-transcript div.able-transcript-desc {
-	background-color: #FEE;
-	border: thin solid #336;
-	font-style: italic;
-	padding: 1em;
+  background-color: #fee;
+  border: thin solid #336;
+  font-style: italic;
+  padding: 1em;
 }
 .able-transcript .able-unspoken {
-	font-weight: bold;
+  font-weight: bold;
 }
 .able-transcript .able-hidden {
-	position: absolute !important;
-	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
-	clip: rect(1px, 1px, 1px, 1px);
+  position: absolute !important;
+  clip: rect(1px, 1px, 1px, 1px);
 }
-.able-highlight, 
+.able-highlight,
 .able-highlight span:hover,
 .able-highlight span:focus,
 .able-highlight span:active {
-  background-color: #000 !important; 
-	color: #FFF !important; 
+  background-color: #000 !important;
+  color: #fff !important;
   padding: 0.25em 0.10em;
   border: none;
   outline: none;
 }
 .able-previous {
-	background: black !important;
-	font-style: italic;
+  background: black !important;
+  font-style: italic;
 }
 .able-transcript span:hover,
 .able-transcript span:focus,
 .able-transcript span:active {
-	background: #FFC; /* light yellow */
-  color: #000; 
-  border: none; 
+  background: #ffc; /* light yellow */
+  color: #000;
+  border: none;
   outline: none;
-  border-bottom: 1px solid #000 ; 
-	cursor: pointer;
+  border-bottom: 1px solid #000;
+  cursor: pointer;
 }
 .able-window-toolbar label {
   display: inline;
   margin-right: 10px;
-  color: #FFF;
+  color: #fff;
 }
 .able-window-toolbar input:focus,
 .able-window-toolbar input:hover,
@@ -997,14 +982,14 @@ ul.able-popup {
 .able-controller input:focus,
 .able-controller  div[role="button"]:focus,
 .able-seekbar-head:focus {
-	outline-color: #ffbb37; /* yellow */
+  outline-color: #ffbb37; /* yellow */
 }
 .able-window-toolbar input:hover,
 .able-window-toolbar select:hover,
 .able-controller input:hover,
 .able-controller  div[role="button"]:hover,
 .able-seekbar-head:hover {
-	outline-color: #8AB839; /* green */
+  outline-color: #8ab839; /* green */
 }
 .able-window-toolbar .transcript-language-select-wrapper {
   float: right;
@@ -1016,36 +1001,36 @@ ul.able-popup {
 */
 
 .able-playlist {
-	list-style-type: none;
-	margin: 0;
-	background-color: #FFFFFF;
-	padding: 5px 0;
+  list-style-type: none;
+  margin: 0;
+  background-color: #fff;
+  padding: 5px 0;
 }
 .able-playlist li {
-	background-color: #DDDDDD; /* default background color of each item in playlist */
-	margin: 5px;
-	padding: 0;
-  border: 2px solid #AAA;
-	border-radius: 5px;
-	width: auto;
-	max-width: 100%;
+  background-color: #ddd; /* default background color of each item in playlist */
+  margin: 5px;
+  padding: 0;
+  border: 2px solid #aaa;
+  border-radius: 5px;
+  width: auto;
+  max-width: 100%;
 }
 .able-playlist li button {
-	border: none;
-	color: #000000;
-	background-color: transparent;
-	font-size: 1em;
-	width: 100%;
-	padding: 5px 10px;
-	text-align: left;
+  border: none;
+  color: #000;
+  background-color: transparent;
+  font-size: 1em;
+  width: 100%;
+  padding: 5px 10px;
+  text-align: left;
 }
 .able-playlist li button:hover,
 .able-playlist li button:focus,
 .able-playlist li button:active { /* playlist items when they have mouse or keyboard focus */
-	background-color: #FFEEB3;
-	color: #000000;
-	text-decoration: none;
-	outline: none;
+  background-color: #ffeeb3;
+  color: #000;
+  text-decoration: none;
+  outline: none;
 }
 .able-playlist li button::-moz-focus-inner {
   border: 0;
@@ -1056,19 +1041,19 @@ ul.able-popup {
  margin-right: 10px;
 }
 .able-playlist li.able-current { /* currently selected playlist item */
-	background-color: #340449;
-	border-color: #230330;
+  background-color: #340449;
+  border-color: #230330;
 }
 .able-playlist li.able-current button {
-	color: #FFFFFF;
-	font-weight: bold;
-	text-decoration: none;
-	outline: none;
+  color: #fff;
+  font-weight: bold;
+  text-decoration: none;
+  outline: none;
 }
 .able-playlist li.able-current button:hover,
 .able-playlist li.able-current button:focus,
 .able-playlist li.able-current button:active   {
-	color: #000000;
+  color: #000;
 }
 
 /*
@@ -1091,15 +1076,15 @@ button.able-search-results-time {
 button.able-search-results-time:hover,
 button.able-search-results-time:focus,
 button.able-search-results-time:active {
-  color: #FFF;
+  color: #fff;
   background-color: #000;
 }
 .able-search-results-text {
   padding-left: 1em;
 }
 .able-search-term {
-	background-color: #FFC;
-	font-weight: bold;
+  background-color: #ffc;
+  font-weight: bold;
 }
   #search-term {
     font-weight: bold;
@@ -1111,11 +1096,11 @@ button.able-search-results-time:active {
   Video Transcript Sorter (VTS)
 */
 #able-vts-instructions {
-	margin-bottom: 1.5em;
-	padding: 1em;
-	border: 1px solid #999;
-	width: 720px;
-	max-width: 90%;
+  margin-bottom: 1.5em;
+  padding: 1em;
+  border: 1px solid #999;
+  width: 720px;
+  max-width: 90%;
 }
 #able-vts fieldset {
   margin: 1em;
@@ -1157,20 +1142,20 @@ button.able-search-results-time:active {
   /*    border: 3px solid #66c2ff; */
 }
 #able-vts table button:hover svg {
-  fill: #C00;
+  fill: #c00;
 }
 tr.kind-chapters,
 tr.kind-subtitles {
-  background-color: #FFF;
+  background-color: #fff;
 }
 tr.kind-descriptions {
-  background-color: #FEE;
+  background-color: #fee;
 }
 tr.kind-chapters {
   background-color: #e6ffe6;
 }
 .able-vts-dragging {
-  background-color: #FFC;
+  background-color: #ffc;
 }
 div#able-vts-icon-credit {
   margin: 1em;
@@ -1181,31 +1166,31 @@ div#able-vts-alert {
   top: 5px;
   left: 5px;
   border: 2px solid #666;
-  background-color: #FFC;
+  background-color: #ffc;
   padding: 1em;
   font-weight: bold;
   z-index: 9400;
 }
 button#able-vts-save {
-	font-size: 1em;
-	padding: 0.25em;
-	border-radius: 5px;
-	margin-bottom: 1em;
-	font-weight: bold;
+  font-size: 1em;
+  padding: 0.25em;
+  border-radius: 5px;
+  margin-bottom: 1em;
+  font-weight: bold;
 }
 button#able-vts-save:hover,
 button#able-vts-save:focus {
-  color: white;
+  color: #fff;
   background-color: #060;
 }
 .able-vts-output-instructions {
-	width: 720px;
-	max-width: 90%;
+  width: 720px;
+  max-width: 90%;
 }
 #able-vts textarea {
-	height: 200px;
-	width: 720px;
-	max-width: 90%;
+  height: 200px;
+  width: 720px;
+  max-width: 90%;
 }
 
 /*
@@ -1213,28 +1198,27 @@ button#able-vts-save:focus {
 */
 
 .able-clipped, .able-screenreader-alert {
-	/* hide from sighted users, but not screen reader users */
-	position: absolute !important;
-	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
-	clip: rect(1px, 1px, 1px, 1px);
-	/* additional rules are needed to ensure clipped buttons are truly invisible in Safari on Mac OS X */
+  /* hide from sighted users, but not screen reader users */
+  position: absolute !important;
+  clip: rect(1px, 1px, 1px, 1px);
+  /* additional rules are needed to ensure clipped buttons are truly invisible in Safari on Mac OS X */
   width: 1px !important;
   height: 1px !important;
   overflow: hidden !important;
 }
 .able-error {
-	display: block;
-	background: #ffc;
-	border: 2px solid #000;
-	color: #FF0000;
-	margin: 0.75em;
-	padding: 0.5em;
+  display: block;
+  background: #ffc;
+  border: 2px solid #000;
+  color: #f00;
+  margin: 0.75em;
+  padding: 0.5em;
 }
 .able-fallback {
   display: block;
   text-align: center;
   border: 2px solid #333355;
-  background-color: #EEE;
+  background-color: #eee;
   color: #000;
   font-weight: bold;
   font-size: 1.1em;
@@ -1267,10 +1251,10 @@ button#able-vts-save:focus {
 .able-modal-dialog div[role="button"] svg,
 .able-wrapper button svg,
 .able-modal-dialog button svg {
-	display: inline-block;
-	width: 1em;
-	height: 1em;
-	fill: currentColor;
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  fill: currentColor;
 }
 
 /*
diff --git a/translations/ca.js b/translations/ca.js
index 8b7b773e..cf2603e7 100644
--- a/translations/ca.js
+++ b/translations/ca.js
@@ -74,11 +74,11 @@
 
 "preferences": "Preferències",
 
-"enterFullscreen": "Entra en el mode de pantalla completa",
+"enterFullScreen": "Entra en el mode de pantalla completa",
 
-"exitFullscreen": "Surt del mode de pantalla completa",
+"exitFullScreen": "Surt del mode de pantalla completa",
 
-"fullscreen": "Pantalla completa",
+"fullScreen": "Pantalla completa",
 
 "speed": "Velocitat",
 
diff --git a/translations/cs.js b/translations/cs.js
index 4f60d0bf..cc1c7080 100644
--- a/translations/cs.js
+++ b/translations/cs.js
@@ -74,11 +74,11 @@
 
     "preferences": "Předvolby",
 
-    "enterFullscreen": "Zobrazit na celou obrazovku",
+    "enterFullScreen": "Zobrazit na celou obrazovku",
 
-    "exitFullscreen": "Ukončit celou obrazovku",
+    "exitFullScreen": "Ukončit celou obrazovku",
 
-    "fullscreen": "Celá obrazovka",
+    "fullScreen": "Celá obrazovka",
 
     "speed": "Rychlost",
 
diff --git a/translations/da.js b/translations/da.js
index e5ed07df..5c8c6ab9 100644
--- a/translations/da.js
+++ b/translations/da.js
@@ -74,11 +74,11 @@
 
 "preferences": "Indstillinger",
 
-"enterFullscreen": "Vis i fuldskærm",
+"enterFullScreen": "Vis i fuldskærm",
 
-"exitFullscreen": "Afslut fuldskærmsvisning",
+"exitFullScreen": "Afslut fuldskærmsvisning",
 
-"fullscreen": "Fuld skærm",
+"fullScreen": "Fuld skærm",
 
 "speed": "Hastighed",
 
diff --git a/translations/de.js b/translations/de.js
index 038d3904..04abb730 100644
--- a/translations/de.js
+++ b/translations/de.js
@@ -74,11 +74,11 @@
 
 "preferences": "Einstellungen",
 
-"enterFullscreen": "Vollbildmodus einschalten",
+"enterFullScreen": "Vollbildmodus einschalten",
 
-"exitFullscreen": "Vollbildmodus verlassen",
+"exitFullScreen": "Vollbildmodus verlassen",
 
-"fullscreen": "Vollbildmodus",
+"fullScreen": "Vollbildmodus",
 
 "speed": "Geschwindigkeit",
 
diff --git a/translations/en.js b/translations/en.js
index 8157923a..b386432e 100644
--- a/translations/en.js
+++ b/translations/en.js
@@ -74,11 +74,11 @@
 
 "preferences": "Preferences",
 
-"enterFullscreen": "Enter full screen",
+"enterFullScreen": "Enter full screen",
 
-"exitFullscreen": "Exit full screen",
+"exitFullScreen": "Exit full screen",
 
-"fullscreen": "Full screen",
+"fullScreen": "Full screen",
 
 "speed": "Speed",
 
diff --git a/translations/es.js b/translations/es.js
index eee5e4da..35f94357 100644
--- a/translations/es.js
+++ b/translations/es.js
@@ -74,11 +74,11 @@
 
 "preferences": "Preferencias",
 
-"enterFullscreen": "Ver a pantalla completa",
+"enterFullScreen": "Ver a pantalla completa",
 
-"exitFullscreen": "Salir de pantalla completa",
+"exitFullScreen": "Salir de pantalla completa",
 
-"fullscreen": "Pantalla completa",
+"fullScreen": "Pantalla completa",
 
 "speed": "Velocidad",
 
diff --git a/translations/fr.js b/translations/fr.js
index 5feabb3e..74d98602 100644
--- a/translations/fr.js
+++ b/translations/fr.js
@@ -74,11 +74,11 @@
 
 "preferences": "Préférences",
 
-"enterFullscreen": "Activer le mode plein écran",
+"enterFullScreen": "Activer le mode plein écran",
 
-"exitFullscreen": "Quitter le mode plein écran",
+"exitFullScreen": "Quitter le mode plein écran",
 
-"fullscreen": "Plein écran",
+"fullScreen": "Plein écran",
 
 "speed": "Vitesse",
 
diff --git a/translations/he.js b/translations/he.js
index ab009e83..e81d9727 100644
--- a/translations/he.js
+++ b/translations/he.js
@@ -74,11 +74,11 @@
 
 "preferences": "העדפות",
 
-"enterFullscreen": "מעבר למסך מלא",
+"enterFullScreen": "מעבר למסך מלא",
 
-"exitFullscreen": "יציאה ממסך מלא",
+"exitFullScreen": "יציאה ממסך מלא",
 
-"fullscreen": "מסך מלא",
+"fullScreen": "מסך מלא",
 
 "speed": "מהירות",
 
diff --git a/translations/id.js b/translations/id.js
index 3cef62cc..3b51ef6c 100644
--- a/translations/id.js
+++ b/translations/id.js
@@ -111,14 +111,11 @@
 // "preferences": "Preferences",
 "preferences": "Preferensi",
 
-// "enterFullscreen": "Enter full screen",
-"enterFullscreen": "Masuk ke mode layar penuh",
+"enterFullScreen": "Masuk ke mode layar penuh",
 
-// "exitFullscreen": "Exit full screen",
-"exitFullscreen": "Keluar dari mode layar penuh",
+"exitFullScreen": "Keluar dari mode layar penuh",
 
-// "fullscreen": "Full screen",
-"fullscreen": "Layar penuh",
+"fullScreen": "Layar penuh",
 
 // "speed": "Speed",
 "speed": "Kecepatan",
diff --git a/translations/it.js b/translations/it.js
index 3a87cae7..a5245d44 100644
--- a/translations/it.js
+++ b/translations/it.js
@@ -74,11 +74,11 @@
 
 "preferences": "Preferenze",
 
-"enterFullscreen": "Attiva schermo intero",
+"enterFullScreen": "Attiva schermo intero",
 
-"exitFullscreen": "Disattiva schermo intero",
+"exitFullScreen": "Disattiva schermo intero",
 
-"fullscreen": "Schermo intero",
+"fullScreen": "Schermo intero",
 
 "speed": "Velocit�",
 
diff --git a/translations/ja.js b/translations/ja.js
index 1cf74a3e..c96bfb0d 100644
--- a/translations/ja.js
+++ b/translations/ja.js
@@ -74,11 +74,11 @@
 
 "preferences": "設定",
 
-"enterFullscreen": "全画面表示",
+"enterFullScreen": "全画面表示",
 
-"exitFullscreen": "全画面表示の終了",
+"exitFullScreen": "全画面表示の終了",
 
-"fullscreen": "全画面表示",
+"fullScreen": "全画面表示",
 
 "speed": "再生速度",
 
diff --git a/translations/nb.js b/translations/nb.js
index 2d57a73c..fe2bf0c3 100644
--- a/translations/nb.js
+++ b/translations/nb.js
@@ -74,11 +74,11 @@
 
 "preferences": "Innstillinger",
 
-"enterFullscreen": "Vis fullskjerm",
+"enterFullScreen": "Vis fullskjerm",
 
-"exitFullscreen": "Avslutt fullskjerm",
+"exitFullScreen": "Avslutt fullskjerm",
 
-"fullscreen": "Fullskjerm",
+"fullScreen": "Fullskjerm",
 
 "speed": "Hastighet",
 
diff --git a/translations/nl.js b/translations/nl.js
index b9efd022..5b1e1653 100644
--- a/translations/nl.js
+++ b/translations/nl.js
@@ -74,11 +74,11 @@
 
 "preferences": "Voorkeuren",
 
-"enterFullscreen": "Ga naar volledig scherm",
+"enterFullScreen": "Ga naar volledig scherm",
 
-"exitFullscreen": "Verlaat volledig scherm",
+"exitFullScreen": "Verlaat volledig scherm",
 
-"fullscreen": "Volledig scherm",
+"fullScreen": "Volledig scherm",
 
 "speed": "Snelheid",
 
diff --git a/translations/pl.js b/translations/pl.js
new file mode 100644
index 00000000..d92ba492
--- /dev/null
+++ b/translations/pl.js
@@ -0,0 +1,355 @@
+{
+
+"audio": "dźwięk",
+
+"video": "wideo",
+
+"playerHeading": "Odtwarzacz mediów",
+
+"faster": "Szybciej",
+
+"slower": "Wolniej",
+
+"play": "Odtwarzaj",
+
+"pause": "Pauza",
+
+"stop": "Zatrzymaj",
+
+"restart": "Restart",
+
+"prevChapter": "Poprzedni rozdział",
+
+"nextChapter": "Następny rozdział",
+
+"prevTrack": "Poprzednia ścieżka",
+
+"nextTrack": "Następna ścieżka",
+
+"rewind": "Przewiń w tył",
+
+"forward": "Przewiń w przód",
+
+"captions": "Napisy",
+
+"showCaptions": "Pokaż napisy",
+
+"hideCaptions": "Ukryj napisy",
+
+"captionsOff": "Wyłącz napisy",
+
+"showTranscript": "Pokaż transkrypcję",
+
+"hideTranscript": "Ukryj transkrypcję",
+
+"turnOnDescriptions": "Włącz opis audio",
+
+"turnOffDescriptions": "Wyłącz opis audio",
+
+"chapters": "Rozdziały",
+
+"newChapter": "Nowy rozdział",
+
+"language": "Język",
+
+"sign": "Język migowy",
+
+"showSign": "Pokaż język migowy",
+
+"hideSign": "Ukryj język migowy",
+
+"seekbarLabel": "Linia czasu",
+
+"mute": "Wycisz",
+
+"unmute": "Pogłośnij",
+
+"volume": "Głośność",
+
+"volumeHelp": "Naciśnij, aby uzyskać dostęp do suwaka głośności",
+
+"volumeUpDown": "Głośniej/Ciszej",
+
+"volumeSliderClosed": "Suwak głośności zamknięto",
+
+"preferences": "Preferencje",
+
+"enterFullScreen": "Wejdź na pełny ekran",
+
+"exitFullScreen": "Wyjdź z pełnego ekranu",
+
+"fullScreen": "Pełny ekran",
+
+"speed": "Tempo",
+
+"and": "i",
+
+"or": "lub",
+
+"spacebar": "spacja",
+
+"transcriptTitle": "Transkrypcja",
+
+"lyricsTitle": "Tekst",
+
+"autoScroll": "Auto przewijanie",
+
+"unknown": "Nieznane",
+
+"statusPlaying": "Odtwarzanie",
+
+"statusPaused": "Wstrzymane",
+
+"statusStopped": "Zatrzymane",
+
+"statusWaiting": "Oczekiwanie",
+
+"statusBuffering": "Buforowanie",
+
+"statusUsingDesc": "Użyj wersji z opisem audio",
+
+"statusLoadingDesc": "Ładowanie wersji z opisem audio",
+
+"statusUsingNoDesc": "Użyj wersji bez opisu audio",
+
+ "statusLoadingNoDesc": "Ładowanie wersji bez opisu audio",
+
+"statusLoadingNext": "Ładowanie następnej ścieżki",
+
+"statusEnd": "Koniec ścieżki",
+
+"selectedTrack": "Wybrana ścieżka",
+
+"alertDescribedVersion": "Użyj wersji filmu z opisem audio",
+
+"alertNonDescribedVersion": "Użyj wersji filmu bez opisu audio",
+
+"fallbackError1": "Opss, Twoja przeglądarka nie może tego odtworzyć",
+
+"fallbackError2": "Następujące przeglądarki współpracują z tym odtwarzaczem multimedialnym",
+
+"orHigher": "lub wyższą",
+
+"prefMenuCaptions": "Napisy",
+
+"prefMenuDescriptions": "Audiodeskrypcja",
+
+"prefMenuKeyboard": "Klawiatura",
+
+"prefMenuTranscript": "Transkrypcja",
+
+"prefTitleCaptions": "Preferencje napisów",
+
+"prefTitleDescriptions": "Preferencje audiodeskrypcji",
+
+"prefTitleKeyboard": "Preferencje klawiatury",
+
+"prefTitleTranscript": "Preferencje transkrypcji",
+
+"prefIntroCaptions": "Poniższe preferencje kontrolują sposób wyświetlania napisów.",
+
+"prefIntroDescription1": "Ten odtwarzacz mediów obsługuje audiodeskrypcję na dwa sposoby: ",
+
+"prefIntroDescription2": "Bieżący film ma ",
+
+"prefIntroDescriptionNone": "Bieżący film nie ma audiodeskprycji.",
+
+"prefIntroDescription3": "Użyj formularza poniższej, aby określić ustawienia odtwarzania tekstowego opisu audio",
+
+"prefIntroDescription4": "Po zapisaniu ustawień opisu audio można włączać/wyłączać za pomocą przycisku Audiodeskrypcja.",
+
+"prefIntroKeyboard1": "Odtwarzaczem mediów na tej stronie można sterować z dowolnego miejsca na stronie za pomocą skrótów klawiaturowych (lista poniżej).",
+
+"prefIntroKeyboard2": "Klawisze modyfikujące (Shift, Alt i Control) można przypisać poniżej",
+
+"prefIntroKeyboard3": "UWAGA: Niektóre kombinacje klawiszy mogą kolidować z klawiszami używanymi przez przeglądarkę i/lub inne aplikacje. Wypróbuj różne kombinacje klawiszy modyfikujących, aby znaleźć taką, która będzie dla Ciebie odpowiednia.",
+
+"prefIntroTranscript": "Poniższe preferencje mają wpływ na interaktywną transkrypcję.",
+
+"prefCookieWarning": "Zapisanie preferencji wymaga plików cookie.",
+
+"prefHeadingKeyboard1": "Klawisze modyfikujące używane do skrótów",
+
+"prefHeadingKeyboard2": "Bieżące skróty klawiaturowe",
+
+"prefHeadingDescription": "Audiodeskrypcja",
+
+"prefHeadingTextDescription": "Tekst oparty na audiodeskrypcji",
+
+"prefHeadingCaptions": "Napisy",
+
+"prefHeadingTranscript": "Interaktywna transkrypcja",
+
+"prefAltKey": "Alt",
+
+"prefCtrlKey": "Control",
+
+"prefShiftKey": "Shift",
+
+"escapeKey": "Escape",
+
+"escapeKeyFunction": "Zamknij bieżące okno dialogowe lub menu podręczne",
+
+"prefDescFormat": "Preferowany format",
+
+"prefDescFormatHelp": "Jeśli dostępne są oba formaty, użyty zostanie tylko jeden z nich.",
+
+"prefDescFormatOption1": "alternatywna wersja wideo z opisem audio",
+
+"prefDescFormatOption1b": "alternatywna wersja opisu audio",
+
+"prefDescFormatOption2": "tekst opisu audio, ogłaszany przez czytnik ekranu",
+
+"prefDescFormatOption2b": "tekst opisu audio",
+
+"prefDescPause": "Automatycznie wstrzymuj wideo po rozpoczęciu audiodeskrypcji",
+
+"prefDescVisible": "Wyświetlaj opis audio",
+
+"prefDescVoice": "Głos",
+
+"prefDescRate": "Tempo",
+
+"prefDescPitch": "Wysokość",
+
+"prefDescPitch1": "Bardzo niska",
+
+"prefDescPitch2": "Niska",
+
+"prefDescPitch3": "Domyślna",
+
+"prefDescPitch4": "Wysoka",
+
+"prefDescPitch5": "Bardzo wysoko",
+
+"sampleDescriptionText": "Edytuj ustawienia, aby odczytać ten tekst na głos.",
+
+"prefHighlight": "Podświetl transkrypcję podczas odtwarzania mediów",
+
+"prefTabbable": "Włącz transkrypcję za pomocą klawiatury",
+
+"prefCaptionsFont": "Czcionka",
+
+"prefCaptionsColor": "Kolor tekstu",
+
+"prefCaptionsBGColor": "Kolor tła",
+
+"prefCaptionsSize": "Rozmiar czcionki",
+
+"prefCaptionsOpacity": "Krycie",
+
+"prefCaptionsStyle": "Styl",
+
+"serif": "szeryfowa",
+
+"sans": "bezszeryfowa",
+
+"cursive": "pochyła",
+
+"fantasy": "fantazyjna",
+
+"monospace": "stała szerokość",
+
+"white": "biały",
+
+"yellow": "żółty",
+
+"green": "zielony",
+
+"cyan": "cyjan",
+
+"blue": "niebieski",
+
+"magenta": "magenta",
+
+"red": "czerwony",
+
+"black": "czarny",
+
+"transparent": "transparentne",
+
+"solid": "solidne",
+
+"captionsStylePopOn": "Rozwiń",
+
+"captionsStyleRollUp": "Zwiń",
+
+"prefCaptionsPosition": "Pozycja",
+
+"captionsPositionOverlay": "Nakładka",
+
+"captionsPositionBelow": "Poniżej wideo",
+
+"sampleCaptionText": "Przykładowy tekst napisu",
+
+"prefSuccess": "Zmiany zostały zapisane.",
+
+"prefNoChange": "Nie wprowadzono żadnych zmian.",
+
+"help": "Pomoc",
+
+"helpTitle": "Pomoc",
+
+"save": "Zapisz",
+
+"cancel": "Anuluj",
+
+"ok": "Ok",
+
+"done": "Zrobione",
+
+"closeButtonLabel": "Zamknij okno",
+
+"windowButtonLabel": "Opcje okna",
+
+"windowMove": "Przenieś",
+
+"windowMoveAlert": "Przeciągnij lub użyj strzałek, aby przesunąć okno; Enter, aby zatrzymać",
+
+"windowResize": "Zmień rozmiar",
+
+"windowResizeHeading": "Zmień rozmiar okna",
+
+"windowResizeAlert": "Rozmiar okna zmieniono.",
+
+"windowClose": "Zamknij",
+
+"width": "Szerokość",
+
+"height": "Wysokość",
+
+"windowSendBack": "Przenieś do tyłu",
+
+"windowSendBackAlert": "To okno znajduje się teraz za innymi obiektami na stronie.",
+
+"windowBringTop": "Przenieś do przodu",
+
+"windowBringTopAlert": "To okno znajduje się teraz przed innymi obiektami na stronie.",
+
+"resultsSummary1": "Szukano:",
+
+"resultsSummary2": "Znaleziono",
+
+"resultsSummary3": "pasujące elementy.",
+
+"resultsSummary4": "Kliknij czas powiązany z dowolnym elementem, aby odtworzyć wideo od tego momentu.",
+
+"noResultsFound": "Nie znaleziono żadnych wyników",
+
+"searchButtonLabel": "Odtwarzaj od",
+
+"hour": "godzina",
+
+"minute": "minuta",
+
+"second": "sekunda",
+
+"hours": "godziny",
+
+"minutes": "minuty",
+
+"seconds": "sekundy",
+
+"enableKeyboardShortcuts": "Włącz skróty klawiaturowe"
+
+}
diff --git a/translations/pt-br.js b/translations/pt-br.js
index 075df9d7..e57c31c3 100644
--- a/translations/pt-br.js
+++ b/translations/pt-br.js
@@ -74,11 +74,11 @@
 
 "preferences": "Preferências",
 
-"enterFullscreen": "Entrar em tela cheia",
+"enterFullScreen": "Entrar em tela cheia",
 
-"exitFullscreen": "Sair da tela cheia",
+"exitFullScreen": "Sair da tela cheia",
 
-"fullscreen": "Tela cheia",
+"fullScreen": "Tela cheia",
 
 "speed": "Velocidade",
 
diff --git a/translations/pt.js b/translations/pt.js
index 1343c6a6..0e1f491d 100644
--- a/translations/pt.js
+++ b/translations/pt.js
@@ -74,11 +74,11 @@
 
 "preferences": "Preferências",
 
-"enterFullscreen": "Ativar a vista de ecrã inteiro",
+"enterFullScreen": "Ativar a vista de ecrã inteiro",
 
-"exitFullscreen": "Sair da vista de ecrã inteiro",
+"exitFullScreen": "Sair da vista de ecrã inteiro",
 
-"fullscreen": "Ecrã inteiro",
+"fullScreen": "Ecrã inteiro",
 
 "speed": "Velocidade",
 
diff --git a/translations/sv.js b/translations/sv.js
index 31ba6125..665489bb 100644
--- a/translations/sv.js
+++ b/translations/sv.js
@@ -74,11 +74,11 @@
 
 "preferences": "Preferenser",
 
-"enterFullscreen": "Visa i fullskärmsläge",
+"enterFullScreen": "Visa i fullskärmsläge",
 
-"exitFullscreen": "Gå ur fullskärmsläge",
+"exitFullScreen": "Gå ur fullskärmsläge",
 
-"fullscreen": "Fullskärmsläge",
+"fullScreen": "Fullskärmsläge",
 
 "speed": "Hastighet",
 
diff --git a/translations/tr.js b/translations/tr.js
index f58f110f..d0c23209 100644
--- a/translations/tr.js
+++ b/translations/tr.js
@@ -74,11 +74,11 @@
 
 "preferences": "Seçenekler",
 
-"enterFullscreen": "Tam Ekranı Etkinleştir",
+"enterFullScreen": "Tam Ekranı Etkinleştir",
 
-"exitFullscreen": "Tam Ekranı Kapa",
+"exitFullScreen": "Tam Ekranı Kapa",
 
-"fullscreen": "Tam Ekran",
+"fullScreen": "Tam Ekran",
 
 "speed": "Hız",
 
diff --git a/translations/zh-tw.js b/translations/zh-tw.js
index 811a8754..ef7da479 100644
--- a/translations/zh-tw.js
+++ b/translations/zh-tw.js
@@ -74,11 +74,11 @@
 
 "preferences": "偏好設定",
 
-"enterFullscreen": "進入全螢幕模式",
+"enterFullScreen": "進入全螢幕模式",
 
-"exitFullscreen": "離開全螢幕模式",
+"exitFullScreen": "離開全螢幕模式",
 
-"fullscreen": "全螢幕",
+"fullScreen": "全螢幕",
 
 "speed": "播放速度",