feat(VIDEO-19871): control-bar download button timeout

Author: tsi

src/plugins/share/components/download-button.js

@@ -34,6 +34,21 @@ class ShareDownloadButton extends ClickableComponent {
 
     return button;
   }
+
+  /**
+   * Toggles the "preparing download" visual state (spinner + title).
+   * @param {boolean} isPreparing
+   */
+  setPreparing(isPreparing) {
+    const el = this.el();
+    if (isPreparing) {
+      el.classList.add('vjs-waiting');
+      el.setAttribute('title', 'Download is being prepared');
+    } else {
+      el.classList.remove('vjs-waiting');
+      el.setAttribute('title', 'Download video');
+    }
+  }
 }
 
 videojs.registerComponent('ShareDownloadButton', ShareDownloadButton);

src/plugins/share/share.js

@@ -84,8 +84,8 @@ const SharePlugin = function (options = {}, playerInstance) {
       return;
     }
 
-    const MAX_ATTEMPTS = 30; // 30 tries / 3s interval
-    const INTERVAL_MS = 3000;
+    const MAX_ATTEMPTS = 60; // 60 tries / 10s interval
+    const INTERVAL_MS = 10000;
 
     const triggerDownload = () => {
       const a = document.createElement('a');
@@ -102,14 +102,7 @@ const SharePlugin = function (options = {}, playerInstance) {
         return;
       }
       const el = btn.el();
-      const btnTitle = el.getAttribute('title');
-      if (isPreparing) {
-        el.classList.add('vjs-waiting');
-        el.setAttribute('title', 'Download is being prepared');
-      } else {
-        el.classList.remove('vjs-waiting');
-        el.setAttribute('title', btnTitle);
-      }
+      btn?.setPreparing?.(isPreparing);
     };
 
     const pollForAvailability = (attempt = 0) => {

src/plugins/share/share.scss

@@ -9,8 +9,8 @@
   // Spinner styling (mirrors visual-search button)
   > .vjs-loading-spinner {
     display: none;
-    width: 1.55em;
-    height: 1.55em;
+    width: 1.4em;
+    height: 1.4em;
     border-width: 0.2em;
     position: absolute;
     left: 50%;