Updated cusomtization file to work with updated ableplayer.

PublicisSapient · Feb 5, 2025 · 9fbbdeb · 9fbbdeb
1 parent c6ab4c4
commit 9fbbdeb
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 18 deletions.
diff --git a/js/modules/ablePlayerCustomizations.js b/js/modules/ablePlayerCustomizations.js
@@ -42,19 +42,26 @@ function ablePlayerCustomizations($, extraCustomizations) {
   // set before audio description functionality is initialized.  After
   // initialization, adjust layout of page if transcript is visible.
   AblePlayer.prototype.initDescription = function() {
+    let deferred = new $.Deferred();
+		let promise = deferred.promise();
+
     setDescriptionCookies();
     this.oldInitDescription();
     adjustTranscriptVisibility(this);
 
 
-  // Ensure all media players have a unique aria-label
-  const ariaLabels = [ 'video player', 'audio player'];
-  for (let i=0; i<ariaLabels.length; i++) {
-    const query = `[aria-label="${ariaLabels[i]}"]`;
-    document.querySelectorAll(query).forEach((el, j) => {
-      el.setAttribute('aria-label', `${ariaLabels[i]} ${j}`);
-    });
-  }
+    // Ensure all media players have a unique aria-label
+    const ariaLabels = [ 'video player', 'audio player'];
+    for (let i=0; i<ariaLabels.length; i++) {
+      const query = `[aria-label="${ariaLabels[i]}"]`;
+      document.querySelectorAll(query).forEach((el, j) => {
+        el.setAttribute('aria-label', `${ariaLabels[i]} ${j}`);
+      });
+    }
+
+
+		deferred.resolve();
+		return promise; 
   }
 
   // Resolves issue where transcript visibility is not set properly when only captions are present.
@@ -115,6 +122,6 @@ function ablePlayerCustomizations($, extraCustomizations) {
 
 }
 
-//ablePlayerCustomizations(jQuery);
+ablePlayerCustomizations(jQuery);
 
 export { ablePlayerCustomizations, AblePlayerInstances };
diff --git a/js/modules/es4/ablePlayerCustomizations.js b/js/modules/es4/ablePlayerCustomizations.js
@@ -38,19 +38,26 @@ function ablePlayerCustomizations($, extraCustomizations) {
   // set before audio description functionality is initialized.  After
   // initialization, adjust layout of page if transcript is visible.
   AblePlayer.prototype.initDescription = function() {
+    let deferred = new $.Deferred();
+		let promise = deferred.promise();
+
     setDescriptionCookies();
     this.oldInitDescription();
     adjustTranscriptVisibility(this);
 
 
-  // Ensure all media players have a unique aria-label
-  const ariaLabels = [ 'video player', 'audio player'];
-  for (let i=0; i<ariaLabels.length; i++) {
-    const query = `[aria-label="${ariaLabels[i]}"]`;
-    document.querySelectorAll(query).forEach((el, j) => {
-      el.setAttribute('aria-label', `${ariaLabels[i]} ${j}`);
-    });
-  }
+    // Ensure all media players have a unique aria-label
+    const ariaLabels = [ 'video player', 'audio player'];
+    for (let i=0; i<ariaLabels.length; i++) {
+      const query = `[aria-label="${ariaLabels[i]}"]`;
+      document.querySelectorAll(query).forEach((el, j) => {
+        el.setAttribute('aria-label', `${ariaLabels[i]} ${j}`);
+      });
+    }
+
+
+		deferred.resolve();
+		return promise; 
   }
 
   // Resolves issue where transcript visibility is not set properly when only captions are present.
@@ -109,4 +116,6 @@ function ablePlayerCustomizations($, extraCustomizations) {
     extraCustomizations();
   }
 
-}
+}
+
+ablePlayerCustomizations(jQuery);