ableplayer · joedolson · Jan 11, 2026 · Sep 24, 2025 · Sep 26, 2025 · Sep 26, 2025
diff --git a/build/ableplayer.dist.js b/build/ableplayer.dist.js
diff --git a/build/ableplayer.js b/build/ableplayer.js
diff --git a/build/ableplayer.min.css b/build/ableplayer.min.css
diff --git a/build/ableplayer.min.js b/build/ableplayer.min.js
diff --git a/build/separate-dompurify/ableplayer.dist.js b/build/separate-dompurify/ableplayer.dist.js
diff --git a/build/separate-dompurify/ableplayer.js b/build/separate-dompurify/ableplayer.js
diff --git a/build/separate-dompurify/ableplayer.min.js b/build/separate-dompurify/ableplayer.min.js
diff --git a/build/separate-dompurify/purify.min.js b/build/separate-dompurify/purify.min.js
diff --git a/demos/other-noa11y.html b/demos/other-noa11y.html
@@ -42,7 +42,7 @@ <h1>Able Player with no HTML tracks<br/>(don't do this)</h1>
 		</div>
 
 		<h2>YouTube Player with no Captions</h2>
-		<p>This also makes relatively little sense, but it would be nice if it worked.</p>
+		<p>This also makes relatively little sense, but at least your videos can have a consistent interface.</p>
 
 		<div class="wrapper">
 			<video id="video1" data-able-player preload="auto" data-youtube-nocookie="true" data-youtube-nocookie="true" data-youtube-id="G5M1mdiEesw" playsinline></video>

diff --git a/demos/search2.html b/demos/search2.html
@@ -21,8 +21,7 @@
 		#search {
 			border: 2px solid #340449;
 			padding: 0.5em;
-			background-color: #FFC;
-			max-width: 60em;
+			background-color: #ffc;
 			margin-bottom: 1em;
 		}
 
@@ -35,6 +34,11 @@
 			font-weight: bold;
 		}
 
+		#search div:nth-of-type(1) label,
+		#search div:nth-of-type(2) label {
+			display: block;
+		}
+
 		#search input,
 		#search select,
 		#search button {
@@ -46,16 +50,13 @@
 			flex-direction: row;
 			flex-wrap: wrap;
 			justify-content: flex-start;
-			width: 1280px;
+			max-width: 1280px;
 			gap: 20px;
 			padding: 1rem;
 		}
-
 		#player {
-			width: 45%;
 			max-width: 500px;
 		}
-
 		#results-wrapper {
 			height: 700px;
 			width: 45%;
@@ -115,11 +116,11 @@ <h1>Video player with search (client-side)</h1>
 
 		<div id="search">
 			<div>
-				<label for="terms">Search:</label>
+				<label for="terms">Search Term</label>
 				<input type="text" id="terms">
 			</div>
 			<div>
-				<label for="lang">Language:</label>
+				<label for="lang">Language</label>
 				<select id="lang">
 					<option value="en">English</option>
 					<option lang="de" value="de">Deutsche</option>
@@ -128,11 +129,11 @@ <h1>Video player with search (client-side)</h1>
 				</select>
 			</div>
 			<div>
-				<label for="ignorecaps">Ignore Capitalization:</label>
+				<label for="ignorecaps">Ignore Capitalization</label>
 				<input type="checkbox" id="ignorecaps">
 			</div>
 			<div>
-				<button type="button" id="go">Go</button>
+				<button type="button" id="go">Search</button>
 			</div>
 		</div>
 

diff --git a/demos/video5.html b/demos/video5.html
@@ -13,7 +13,7 @@
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
 
 <!-- Able Player JavaScript -->
-<script src="../build/ableplayer.js"></script>
+<script src="../build/ableplayer.dist.js"></script>
 
 <!-- CSS for this example -->
 <style>