diff --git a/README.md b/README.md
index 917a7f02..ccebdf1d 100644
--- a/README.md
+++ b/README.md
@@ -136,9 +136,15 @@ Fallback content can be tested by adding the **data-test-fallback** attribute to
 
 Copy and paste the following code into your web page. This code applies to all use cases, both audio and video.
 
+Able Player works with either jQuery or with the slim build of jQuery, which is about 6 KB smaller gzipped.
+
+Able Player does not require cookies, but you can add the js-cookie package to save preferences as cookies. Otherwise, preferences are saved in localStorage.
+
 ```HTML
 <!-- Dependencies -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+or
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js"></script>
 
 <!-- Optional Dependency -->
 <script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
diff --git a/demos/audio1.html b/demos/audio1.html
index 8b267e3a..0b68a88f 100644
--- a/demos/audio1.html
+++ b/demos/audio1.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/audio2.html b/demos/audio2.html
index d6bd2bcf..74d5cdf4 100644
--- a/demos/audio2.html
+++ b/demos/audio2.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/audio3.html b/demos/audio3.html
index b5c46cd6..6aad17da 100644
--- a/demos/audio3.html
+++ b/demos/audio3.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/audio4.html b/demos/audio4.html
index 82bc1eac..526c753b 100644
--- a/demos/audio4.html
+++ b/demos/audio4.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/audio5.html b/demos/audio5.html
index aae64632..d38f00cd 100644
--- a/demos/audio5.html
+++ b/demos/audio5.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/deadline.html b/demos/deadline.html
index 872c2cec..5a1d6beb 100644
--- a/demos/deadline.html
+++ b/demos/deadline.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/desc1.html b/demos/desc1.html
index 587d912a..b793d567 100644
--- a/demos/desc1.html
+++ b/demos/desc1.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/desc2.html b/demos/desc2.html
index e0365a86..fbcfc1c4 100644
--- a/demos/desc2.html
+++ b/demos/desc2.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/desc3.html b/demos/desc3.html
index f0e742dd..35a325a7 100644
--- a/demos/desc3.html
+++ b/demos/desc3.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 
 <!-- Able Player CSS -->
diff --git a/demos/desc4.html b/demos/desc4.html
index 6fba1cac..b7eed259 100644
--- a/demos/desc4.html
+++ b/demos/desc4.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 
 <!-- Able Player CSS -->
diff --git a/demos/external1.html b/demos/external1.html
index 3eda7eab..8f5a0ee2 100644
--- a/demos/external1.html
+++ b/demos/external1.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/external2.html b/demos/external2.html
index dc42f111..62222f3d 100644
--- a/demos/external2.html
+++ b/demos/external2.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/external3.html b/demos/external3.html
index ffe11088..8c5326b2 100644
--- a/demos/external3.html
+++ b/demos/external3.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/external4.html b/demos/external4.html
index b5ee2f5a..84771279 100644
--- a/demos/external4.html
+++ b/demos/external4.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/external5.html b/demos/external5.html
index 51f049dd..8357f1fd 100644
--- a/demos/external5.html
+++ b/demos/external5.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/external6.html b/demos/external6.html
index 39dd20f7..81fe8b00 100644
--- a/demos/external6.html
+++ b/demos/external6.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/forms1-audio.html b/demos/forms1-audio.html
index 04aa84e7..d6d9f3e0 100644
--- a/demos/forms1-audio.html
+++ b/demos/forms1-audio.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/forms2-audio.html b/demos/forms2-audio.html
index a4c6c8c0..32e1817a 100644
--- a/demos/forms2-audio.html
+++ b/demos/forms2-audio.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/forms3-audio.html b/demos/forms3-audio.html
index e162c6b9..c47c6756 100644
--- a/demos/forms3-audio.html
+++ b/demos/forms3-audio.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/forms4.html b/demos/forms4.html
index 323272f8..c759ec60 100644
--- a/demos/forms4.html
+++ b/demos/forms4.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/local-de.html b/demos/local-de.html
index 3e0d75b6..ed76b811 100644
--- a/demos/local-de.html
+++ b/demos/local-de.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/local-es.html b/demos/local-es.html
index 4305bfcb..45531951 100644
--- a/demos/local-es.html
+++ b/demos/local-es.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/local-fr.html b/demos/local-fr.html
index fe5a7078..26bbdd75 100644
--- a/demos/local-fr.html
+++ b/demos/local-fr.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/local-ja.html b/demos/local-ja.html
index 1d9a2b06..86f0543a 100644
--- a/demos/local-ja.html
+++ b/demos/local-ja.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/meta1-audio.html b/demos/meta1-audio.html
index a943d984..5f529745 100644
--- a/demos/meta1-audio.html
+++ b/demos/meta1-audio.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/meta2.html b/demos/meta2.html
index 011d4ac9..00e98192 100644
--- a/demos/meta2.html
+++ b/demos/meta2.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/meta3.html b/demos/meta3.html
index a2b7012d..c7c037f7 100644
--- a/demos/meta3.html
+++ b/demos/meta3.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/multi1-audio.html b/demos/multi1-audio.html
index a59ef183..05af7006 100644
--- a/demos/multi1-audio.html
+++ b/demos/multi1-audio.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/multi2-audio.html b/demos/multi2-audio.html
index 0b253368..4fa4a3aa 100644
--- a/demos/multi2-audio.html
+++ b/demos/multi2-audio.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/multi3.html b/demos/multi3.html
index ba14bec4..962c3a57 100644
--- a/demos/multi3.html
+++ b/demos/multi3.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/other-fallback.html b/demos/other-fallback.html
index 69142c3e..80ec8814 100644
--- a/demos/other-fallback.html
+++ b/demos/other-fallback.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/other-native.html b/demos/other-native.html
index d0608834..402aae73 100644
--- a/demos/other-native.html
+++ b/demos/other-native.html
@@ -4,7 +4,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>Native HTML5 Media Player | Able Player Demos</title>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="demos.css" type="text/css">
 <style>
 :focus {
diff --git a/demos/other-noa11y.html b/demos/other-noa11y.html
index 5385f7ee..8597012b 100644
--- a/demos/other-noa11y.html
+++ b/demos/other-noa11y.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/other-vts.html b/demos/other-vts.html
index ca434854..9a1aa2ec 100644
--- a/demos/other-vts.html
+++ b/demos/other-vts.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/other-width.html b/demos/other-width.html
index e44b83d6..e45a84ae 100644
--- a/demos/other-width.html
+++ b/demos/other-width.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/playlist1-audio.html b/demos/playlist1-audio.html
index 57f3dba8..a3a08846 100644
--- a/demos/playlist1-audio.html
+++ b/demos/playlist1-audio.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/playlist2.html b/demos/playlist2.html
index d320fb08..92ecc9f7 100644
--- a/demos/playlist2.html
+++ b/demos/playlist2.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/playlist3.html b/demos/playlist3.html
index aa264bbb..c2d96886 100644
--- a/demos/playlist3.html
+++ b/demos/playlist3.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/search1.html b/demos/search1.html
index 0ecd72c7..f37efcc6 100644
--- a/demos/search1.html
+++ b/demos/search1.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/search2.html b/demos/search2.html
index e4c6f65f..bd4bafeb 100644
--- a/demos/search2.html
+++ b/demos/search2.html
@@ -8,7 +8,7 @@
 	<link rel="stylesheet" href="demos.css" type="text/css">
 
 	<!-- Dependencies -->
-	<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+	<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 	<!-- Able Player CSS -->
 	<link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css" />
diff --git a/demos/translations.html b/demos/translations.html
index a88d96d2..0ecaedb9 100644
--- a/demos/translations.html
+++ b/demos/translations.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/video1.html b/demos/video1.html
index 6da9dee4..85d6a4bf 100644
--- a/demos/video1.html
+++ b/demos/video1.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/video2.html b/demos/video2.html
index 0c917269..dbca267d 100644
--- a/demos/video2.html
+++ b/demos/video2.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/video3.html b/demos/video3.html
index 14f94d46..5c779faa 100644
--- a/demos/video3.html
+++ b/demos/video3.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/video4.html b/demos/video4.html
index ad9e8fcf..2f013d97 100644
--- a/demos/video4.html
+++ b/demos/video4.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/video5.html b/demos/video5.html
index ed1e7dd9..756ca662 100644
--- a/demos/video5.html
+++ b/demos/video5.html
@@ -7,13 +7,13 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
 
 <!-- Able Player JavaScript -->
-<script src="../build/ableplayer.dist.js"></script>
+<script src="../build/ableplayer.js"></script>
 
 <!-- CSS for this example -->
 <style>
diff --git a/demos/video6.html b/demos/video6.html
index e71daf8c..434ba0de 100644
--- a/demos/video6.html
+++ b/demos/video6.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/vimeo-native.html b/demos/vimeo-native.html
index 4bfbd6b7..321f3542 100644
--- a/demos/vimeo-native.html
+++ b/demos/vimeo-native.html
@@ -6,7 +6,7 @@
 		<title>Vimeo Native Player</title>
 		<link rel="stylesheet" href="demos.css" type="text/css">
 
-		<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+		<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 		<script src="https://player.vimeo.com/api/player.js"></script>
 
 	<style>
diff --git a/demos/vimeo1.html b/demos/vimeo1.html
index 7bc2ce0c..bd10e4a1 100644
--- a/demos/vimeo1.html
+++ b/demos/vimeo1.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/vimeo2.html b/demos/vimeo2.html
index d7537d9b..32e2213f 100644
--- a/demos/vimeo2.html
+++ b/demos/vimeo2.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/youtube1.html b/demos/youtube1.html
index 603698f0..30f48c28 100644
--- a/demos/youtube1.html
+++ b/demos/youtube1.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/youtube2.html b/demos/youtube2.html
index 6011ba07..2957eedf 100644
--- a/demos/youtube2.html
+++ b/demos/youtube2.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/youtube3.html b/demos/youtube3.html
index 2339c83f..56981a41 100644
--- a/demos/youtube3.html
+++ b/demos/youtube3.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/youtube4.html b/demos/youtube4.html
index 897e0896..db1ed263 100644
--- a/demos/youtube4.html
+++ b/demos/youtube4.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/youtube5.html b/demos/youtube5.html
index fe5a75c3..c42a9355 100644
--- a/demos/youtube5.html
+++ b/demos/youtube5.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/demos/youtube6.html b/demos/youtube6.html
index 5e959972..36190dd6 100644
--- a/demos/youtube6.html
+++ b/demos/youtube6.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" href="demos.css" type="text/css">
 
 <!-- Dependencies -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
 <!-- Able Player CSS -->
 <link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>
diff --git a/scripts/ableplayer-base.js b/scripts/ableplayer-base.js
index 566d4ba7..40dbfdd2 100644
--- a/scripts/ableplayer-base.js
+++ b/scripts/ableplayer-base.js
@@ -448,14 +448,15 @@ var AblePlayerInstances = [];
 		// use defer method to defer additional processing until text is retrieved
 		this.tt = {};
 		var thisObj = this;
-		$.when(this.getTranslationText()).then(
-			function () {
+		async function fetchTranslations(thisObj) {
+			try {
+				await thisObj.getTranslationText();
 				thisObj.setup();
+			} catch {
+				thisObj.provideFallback();
 			}
-		).
-		fail(function() {
-			thisObj.provideFallback();
-		});
+		}
+		fetchTranslations(thisObj);
 	};
 
 	// Index to increment every time new player is created.
diff --git a/scripts/buildplayer.js b/scripts/buildplayer.js
index 1a86a4b8..91458a63 100644
--- a/scripts/buildplayer.js
+++ b/scripts/buildplayer.js
@@ -10,8 +10,7 @@
 		//   Therefore, AblePlayer is not loaded & all functionality is disabled
 		//   (this all determined. If this is iOS && video, this function is never called)
 
-		var thisObj, captionsContainer, i;
-		thisObj = this;
+		var captionsContainer;
 
 		// create three wrappers and wrap them around the media element.
 		// From inner to outer:
@@ -88,9 +87,7 @@
 
 	AblePlayer.prototype.injectBigPlayButton = function () {
 
-		var thisObj;
-
-		thisObj = this;
+		var thisObj = this;
 
 		this.$bigPlayButton = $('<button>', {
 			'class': 'able-big-play-button',
diff --git a/scripts/control.js b/scripts/control.js
index 0d7795b5..b1fa5c7e 100644
--- a/scripts/control.js
+++ b/scripts/control.js
@@ -70,7 +70,7 @@
 		var deferred, promise, thisObj, mediaTimes;
 		mediaTimes = {};
 
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 		thisObj = this;
 		if (typeof duration !== 'undefined' && typeof elapsed !== 'undefined') {
@@ -95,7 +95,7 @@
 		// function is called by getMediaTimes, and return value is sanitized there
 		var deferred, promise, thisObj;
 
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 		thisObj = this;
 
@@ -143,7 +143,7 @@
 
 		var deferred, promise, thisObj;
 
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 		thisObj = this;
 
@@ -189,7 +189,7 @@
 		// - 'playing' - Currently playing.
 
 		var deferred, promise, thisObj;
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 		thisObj = this;
 
@@ -383,16 +383,11 @@
 	AblePlayer.prototype.fadeControls = function(direction) {
 
 		// Visibly fade controls without hiding them from screen reader users
-
 		// direction is either 'out' or 'in'
 
-		// TODO: This still needs work.
 		// After the player fades, it's replaced by an empty space
 		// Would be better if the video and captions expanded to fill the void
-		// Attempted to fade out to 0 opacity, then move the playerDiv offscreen
-		// and expand the mediaContainer to fill the vacated space
-		// However, my attempts to do this have been choppy and buggy
-		// Code is preserved below and commented out
+		// replace JS animation with CSS animation in 12/2025.
 
 		var thisObj, mediaHeight, playerHeight, newMediaHeight;
 		thisObj = this;
@@ -402,24 +397,9 @@
 			mediaHeight = this.$mediaContainer.height();
 			playerHeight = this.$playerDiv.height();
 			newMediaHeight = mediaHeight + playerHeight;
-
-			// fade slowly to transparency
-			this.$playerDiv.fadeTo(2000,0,function() {
-				/*
-				// when finished, position playerDiv offscreen
-				// thisObj.$playerDiv.addClass('able-offscreen');
-				// Expand the height of mediaContainer to fill the void (needs work)
-				thisObj.$mediaContainer.animate({
-					height: newMediaHeight
-				},500);
-				*/
-			});
+			this.$playerDiv.addClass( 'fade-out' ).removeClass( 'fade-in' );
 		} else if (direction == 'in') {
-			// restore captionsContainer to its original height (needs work)
-			// this.$mediaContainer.removeAttr('style');
-			// fade relatively quickly back to its original position with full opacity
-			// this.$playerDiv.removeClass('able-offscreen').fadeTo(100,1);
-			this.$playerDiv.fadeTo(100,1);
+			this.$playerDiv.addClass( 'fade-in' ).removeClass( 'fade-out' );
 		}
 	};
 
@@ -1502,11 +1482,7 @@
 
 	AblePlayer.prototype.showTooltip = function($tooltip) {
 
-		if (($tooltip).is(':animated')) {
-			$tooltip.stop(true,true).show();
-		} else {
-			$tooltip.stop().show();
-		}
+		$tooltip.show();
 	};
 
 	AblePlayer.prototype.showAlert = function( msg, location = 'main' ) {
@@ -1534,7 +1510,7 @@
 
 		if (location !== 'screenreader') {
 			setTimeout( function () {
-				$alertBox.fadeOut(300);
+				$alertBox.hide();
 			}, 30000 );
 		}
 	};
diff --git a/scripts/description.js b/scripts/description.js
index 27b0fdf4..2ce4c266 100644
--- a/scripts/description.js
+++ b/scripts/description.js
@@ -22,7 +22,7 @@
 
 		var deferred, promise, thisObj;
 
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 		thisObj = this;
 
diff --git a/scripts/initialize.js b/scripts/initialize.js
index 74934674..6fa2ea6f 100644
--- a/scripts/initialize.js
+++ b/scripts/initialize.js
@@ -326,7 +326,7 @@
 
 		var deferred, promise, thisObj;
 
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 		thisObj = this;
 
@@ -347,7 +347,7 @@
 		} else {
 			// Able Player was initialized with some element other than <video> or <audio>
 			this.provideFallback();
-			deferred.fail();
+			deferred.reject();
 			return promise;
 		}
 
@@ -390,7 +390,7 @@
 	// Perform one-time setup for this instance of player; called after player is first initialized.
 	AblePlayer.prototype.setupInstance = function () {
 
-		var deferred = new $.Deferred();
+		var deferred = new this.defer();
 		var promise = deferred.promise();
 
 		if (this.$media.attr('id')) {
@@ -492,7 +492,7 @@
 
 		var deferred, promise, thisObj, prefsGroups, i;
 
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 		thisObj = this;
 
@@ -616,9 +616,9 @@
 			playerPromise = this.initVimeoPlayer();
 		}
 		// After player specific initialization is done, run remaining general initialization.
-		var deferred = new $.Deferred();
+		var deferred = new this.defer();
 		var promise = deferred.promise();
-		playerPromise.done(
+		playerPromise.then(
 			function () { // done/resolved
 				if (thisObj.useFixedSeekInterval) {
 					// if fixed seekInterval was not already assigned (using value of data-seek-interval)
@@ -631,7 +631,7 @@
 				}
 				deferred.resolve();
 			}
-		).fail(function () { // failed
+		).finally(function () { // failed
 			deferred.reject();
 			}
 		);
@@ -643,7 +643,7 @@
 
 		var thisObj, deferred, promise;
 		thisObj = this;
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 
 		if (this.stenoMode && this.$stenoFrame) {
@@ -769,7 +769,7 @@
 
 	AblePlayer.prototype.initHtml5Player = function () {
 		// Nothing special to do!
-		var deferred = new $.Deferred();
+		var deferred = new this.defer();
 		var promise = deferred.promise();
 		deferred.resolve();
 		return promise;
diff --git a/scripts/metadata.js b/scripts/metadata.js
index 1b849c60..bc100970 100644
--- a/scripts/metadata.js
+++ b/scripts/metadata.js
@@ -65,7 +65,11 @@
                   typeof showDuration !== "undefined" &&
                   !isNaN(showDuration)
                 ) {
-                  $(line).show().delay(showDuration).fadeOut();
+					$(line).show();
+					const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+					delay(showDuration).then(() => {
+						$(line).hide();
+					});
                 } else {
                   // no duration specified. Just show the element until end time specified in VTT file
                   $(line).show();
diff --git a/scripts/misc.js b/scripts/misc.js
index 8fb78603..16d3c248 100644
--- a/scripts/misc.js
+++ b/scripts/misc.js
@@ -132,6 +132,15 @@
     return Number(Math.floor(value + "e" + decimals) + "e-" + decimals);
   };
 
+  AblePlayer.prototype.defer = function() {
+	const self = this;
+	const promise = new Promise((resolve, reject) => {
+		self.resolve = resolve;
+		self.reject = reject;
+		self.promise = () => promise;
+	});
+  }
+
   AblePlayer.prototype.hasAttr = function (object, attribute) {
     // surprisingly, there is no hasAttr() function in Jquery as of 3.2.1
     // return true if object has attribute; otherwise false
diff --git a/scripts/sign.js b/scripts/sign.js
index e016022d..a32d03f3 100644
--- a/scripts/sign.js
+++ b/scripts/sign.js
@@ -122,7 +122,7 @@
 
 		var thisObj, deferred, promise;
 		thisObj = this;
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 
 		this.youTubeSignPlayerReady = false;
@@ -136,7 +136,7 @@
 			// Has another player already started loading the script? If so, abort...
 			if (!AblePlayer.loadingYouTubeIframeAPI) {
 				$.getScript('https://www.youtube.com/iframe_api').fail(function () {
-					deferred.fail();
+					deferred.reject();
 				});
 			}
 
@@ -155,7 +155,7 @@
 		// This is called once we're sure the Youtube iFrame API is loaded -- see above
 		var deferred, promise, thisObj, containerId, ccLoadPolicy, autoplay;
 
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 		thisObj = this;
 		containerId = this.mediaId + '_youtube_sign';
@@ -190,10 +190,10 @@
 					deferred.resolve();
 				},
 				onError: function (x) {
-					deferred.fail();
+					deferred.reject();
 				},
 				onStateChange: function (x) {
-					thisObj.getPlayerState().then(function(playerState) {
+					thisObj.getPlayerState().then(function() {
 						// no actions
 					});
 				},
diff --git a/scripts/track.js b/scripts/track.js
index 81b65423..9f778af1 100644
--- a/scripts/track.js
+++ b/scripts/track.js
@@ -8,7 +8,7 @@
 
     thisObj = this;
 
-    deferred = new $.Deferred();
+    deferred = new this.defer();
     promise = deferred.promise();
 
     loadingPromises = [];
@@ -53,11 +53,9 @@
           var trackLabel = track.label;
           var trackDesc = track.desc;
 
-          return function (trackSrc, trackText) {
+          return function (data) {
             // these are the two vars returned from loadTextObject
-
-            var trackContents = trackText;
-            var cues = thisObj.parseWebVTT(trackSrc, trackContents).cues;
+            var cues = thisObj.parseWebVTT(data).cues;
             if (thisObj.hasVts) {
               // setupVtsTracks() is in vts.js
               thisObj.setupVtsTracks(
@@ -66,7 +64,7 @@
                 trackDesc,
                 trackLabel,
                 trackSrc,
-                trackContents
+                trackText
               );
             }
             if (kind === 'captions' || kind === 'subtitles') {
@@ -108,7 +106,7 @@
     thisObj = this;
     hasDefault = false;
 
-    deferred = new $.Deferred();
+    deferred = new this.defer();
     promise = deferred.promise();
 
     this.$tracks = this.$media.find('track');
@@ -406,7 +404,7 @@
 	*/
     var deferred, promise, thisObj, $tempDiv;
 
-    deferred = new $.Deferred();
+    deferred = new this.defer();
     promise = deferred.promise();
     thisObj = this;
 
@@ -426,10 +424,11 @@
 			// Load the sanitized content into the $tempDiv
 			$tempDiv.html(sanitizedTrackText);
 			// Resolve the promise with the sanitized content
-			deferred.resolve(src, sanitizedTrackText);
+			let data = { 'src': src, 'text': sanitizedTrackText };
+			deferred.resolve(data);
 			$tempDiv.remove();
 		})
-		.catch(error => {
+		.catch( error => {
 			if (thisObj.debug) {
 				console.log( "error reading file " + src + ": " + error );
 			}
diff --git a/scripts/transcript.js b/scripts/transcript.js
index 3d137dab..ca594aad 100644
--- a/scripts/transcript.js
+++ b/scripts/transcript.js
@@ -1,6 +1,6 @@
 (function ($) {
   AblePlayer.prototype.setupTranscript = function () {
-    var deferred = new $.Deferred();
+    var deferred = new this.defer();
     var promise = deferred.promise();
 
     if (this.usingYouTubeCaptions || this.usingVimeoCaptions || this.hideTranscriptButton ) {
diff --git a/scripts/translation.js b/scripts/translation.js
index 2474d160..4207eb8e 100644
--- a/scripts/translation.js
+++ b/scripts/translation.js
@@ -39,7 +39,7 @@
 
 		// determine language, then get labels and prompts from corresponding translation var
 		var deferred, thisObj, supportedLangs, docLang, translationFile, i,	similarLangFound;
-		deferred = $.Deferred();
+		deferred = new this.defer();
 		thisObj = this;
 
 		supportedLangs = this.getSupportedLangs(); // returns an array
@@ -108,28 +108,34 @@
 			this.searchLang = this.lang;
 		}
 		translationFile = this.rootPath + 'translations/' + this.lang + '.json';
-		$.getJSON(translationFile, function(data) {
-			// success!
-			thisObj.tt = data;
-			thisObj.translationFiles = true;
-			deferred.resolve();
-		})
-		.fail(function() {
-			console.log( "Error: Translation files should be updated to JSON.",translationFile);
-			translationFile = thisObj.rootPath + 'translations/' + thisObj.lang + '.js';
-			$.getJSON(translationFile, function(data) {
-				// success!
+		fetch(translationFile)
+			.then( response => {
+				return response.json();
+			})
+			.then( data => {
 				thisObj.tt = data;
 				thisObj.translationFiles = true;
 				deferred.resolve();
 			})
-			.fail( function() {
-				console.log( "Error: Unable to load translation file:", translationFile);
-				thisObj.tt = {};
-				thisObj.translationFiles = false;
-				deferred.resolve();
+			.catch( error => {
+				console.log( "Error: Translation files should be updated to JSON." + error,translationFile);
+				translationFile = thisObj.rootPath + 'translations/' + thisObj.lang + '.js';
+				fetch(translationFile)
+					.then( response => {
+						return response.json();
+					})
+					.then( data => {
+						thisObj.tt = data;
+						thisObj.translationFiles = true;
+						deferred.resolve();
+					})
+					.catch( error => {
+						console.log( "Error: Unable to load translation file:", translationFile);
+						thisObj.tt = {};
+						thisObj.translationFiles = false;
+						deferred.resolve();
+					});
 			});
-		})
 		return deferred.promise();
 	};
 
@@ -142,7 +148,7 @@
 			// 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;
+			var thisObj, supportedLangs, thisLang, translationFile, thisText, translation;
 
 			supportedLangs = this.getSupportedLangs();
 			thisObj = this;
@@ -150,14 +156,15 @@
 			this.sampleText = [];
 			for ( const [key,value] of Object.entries(supportedLangs) ) {
 				translationFile = this.rootPath + 'translations/' + key + '.json';
-				$.getJSON(translationFile, thisLang, (function(thisLang) {
-						return function(data) {
-							thisText = data.sampleDescriptionText;
-							translation = {'lang':thisLang, 'text': thisText};
-							thisObj.sampleText.push(translation);
-						};
-					}(key)) // pass lang to callback function
-				);
+				fetch(translationFile)
+					.then( response => {
+						return response.json();
+					})
+					.then( data => {
+						thisText = data.sampleDescriptionText;
+						translation = {'lang':thisLang, 'text': thisText};
+						thisObj.sampleText.push(translation);
+					});
 			}
 		}
 	};
diff --git a/scripts/vimeo.js b/scripts/vimeo.js
index e81a41ca..1ad6dd3b 100644
--- a/scripts/vimeo.js
+++ b/scripts/vimeo.js
@@ -5,7 +5,7 @@
 		var thisObj, deferred, promise, containerId, vimeoId, autoplay, options;
 		thisObj = this;
 
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 
 		containerId = this.mediaId + '_vimeo';
@@ -115,7 +115,7 @@
 	AblePlayer.prototype.getVimeoPaused = function () {
 
 		var deferred, promise;
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 
 		this.vimeoPlayer.getPaused().then(function (paused) {
@@ -129,7 +129,7 @@
 	AblePlayer.prototype.getVimeoEnded = function () {
 
 		var deferred, promise;
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 
 		this.vimeoPlayer.getEnded().then(function (ended) {
@@ -146,7 +146,7 @@
 
 		thisObj = this;
 
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 		promises = [];
 
@@ -173,7 +173,7 @@
 		// get data via Vimeo Player API, and push data to this.captions
 		// Note: Vimeo doesn't expose the caption cues themselves
 		// so this.captions will only include metadata about caption tracks; not cues
-		var deferred = new $.Deferred();
+		var deferred = new this.defer();
 		var promise = deferred.promise();
 
 		var thisObj, i, trackId, isDefaultTrack;
diff --git a/scripts/vts.js b/scripts/vts.js
index d112ad27..ddbd27a1 100644
--- a/scripts/vts.js
+++ b/scripts/vts.js
@@ -947,7 +947,11 @@
 		// because it's positioning needs are unique
 		// For now, alertDiv is fixed at top left of screen
 		// but could ultimately be modified to appear near the point of action in the VTS table
-		this.$vtsAlert.text(message).show().delay(3000).fadeOut('slow');
+		const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+		this.$vtsAlert.text(message).show();
+		delay(3000).then(() => {
+			this.$vtsAlert.text(message).hide()
+		});
 	};
 
 	AblePlayer.prototype.parseVtsOutput = function($table) {
diff --git a/scripts/webvtt.js b/scripts/webvtt.js
index e9317990..66503722 100644
--- a/scripts/webvtt.js
+++ b/scripts/webvtt.js
@@ -1,7 +1,9 @@
 (function ($) {
 	// See section 4.1 of dev.w3.org/html5/webvtt for format details.
-	AblePlayer.prototype.parseWebVTT = function(srcFile,text) {
+	AblePlayer.prototype.parseWebVTT = function(data) {
 
+		let srcFile = data.src;
+		let text    = data.text;
 		// Normalize line ends to \n.
 		text = text.replace(/(\r\n|\n|\r)/g,'\n');
 
diff --git a/scripts/youtube.js b/scripts/youtube.js
index e75e2828..e4cfb2c2 100644
--- a/scripts/youtube.js
+++ b/scripts/youtube.js
@@ -4,7 +4,7 @@
 
 		var thisObj, deferred, promise, youTubeId;
 		thisObj = this;
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 
 		this.youTubePlayerReady = false;
@@ -23,7 +23,7 @@
 			// Has another player already started loading the script? If so, abort...
 			if (!AblePlayer.loadingYouTubeIframeAPI) {
 				$.getScript('https://www.youtube.com/iframe_api').fail(function () {
-					deferred.fail();
+					deferred.reject();
 				});
 			}
 
@@ -42,7 +42,7 @@
 		// This is called once we're sure the Youtube iFrame API is loaded -- see above
 		var deferred, promise, thisObj, containerId, ccLoadPolicy, autoplay;
 
-		deferred = new $.Deferred();
+		deferred = new this.defer();
 		promise = deferred.promise();
 		thisObj = this;
 		containerId = this.mediaId + '_youtube';
@@ -108,7 +108,7 @@
 					deferred.resolve();
 				},
 				onError: function (x) {
-					deferred.fail();
+					deferred.reject();
 				},
 				onStateChange: function (x) {
 					thisObj.getPlayerState().then(function(playerState) {
@@ -195,7 +195,7 @@
 		// but this required authors to have a Google API key,
 		// which would complicate Able Player installation
 
-		var deferred = new $.Deferred();
+		var deferred = new this.defer();
 		var promise = deferred.promise();
 		var thisObj, ytTracks, i, trackLang, trackLabel, isDefaultTrack;
 
diff --git a/styles/ableplayer.css b/styles/ableplayer.css
index aa16641d..43f4acb6 100644
--- a/styles/ableplayer.css
+++ b/styles/ableplayer.css
@@ -820,6 +820,28 @@ span.able-modkey {
 	border: 1px solid var(--able-sign-border);
 }
 
+.fade-out {
+	visibility: hidden;
+	opacity: 0;
+	transition: visibility 0s 2s, opacity 2s linear;
+}
+
+.fade-in {
+	visibility: visible;
+	opacity: 1;
+	transition: opacity 1s linear;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
 .able-sign-window video {
 	width: 100%;
 	margin-bottom: 1rem;