From e095d68667e823a174c1b24441b520de153803bb Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Thu, 25 Sep 2025 12:16:24 +0300
Subject: [PATCH] fix: switch the play icons to the correct way

---
 .../src/components/controls/AutoplayToggleButton.js       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend-tools/video-js/src/components/controls/AutoplayToggleButton.js b/frontend-tools/video-js/src/components/controls/AutoplayToggleButton.js
index d1a162d1..ef16dc5b 100644
--- a/frontend-tools/video-js/src/components/controls/AutoplayToggleButton.js
+++ b/frontend-tools/video-js/src/components/controls/AutoplayToggleButton.js
@@ -38,9 +38,9 @@ class AutoplayToggleButton extends Button {
 
         // Set initial icon state directly
         if (this.isAutoplayEnabled) {
-            this.iconSpan.innerHTML = `<img src="${autoPlayIconUrl}" alt="Autoplay on" style="width: 26px; height: 26px;" />`;
+            this.iconSpan.innerHTML = `<img src="${autoPauseIconUrl}" alt="Autoplay on" style="width: 26px; height: 26px;" />`;
         } else {
-            this.iconSpan.innerHTML = `<img src="${autoPauseIconUrl}" alt="Autoplay off" style="width: 26px; height: 26px;" />`;
+            this.iconSpan.innerHTML = `<img src="${autoPlayIconUrl}" alt="Autoplay off" style="width: 26px; height: 26px;" />`;
         }
 
         // Create control text span
@@ -67,7 +67,7 @@ class AutoplayToggleButton extends Button {
         // After fade-out complete, update innerHTML and fade back in
         setTimeout(() => {
             if (this.isAutoplayEnabled) {
-                this.iconSpan.innerHTML = `<img src="${autoPlayIconUrl}" alt="Autoplay on" style="width: 26px; height: 26px;" />`;
+                this.iconSpan.innerHTML = `<img src="${autoPauseIconUrl}" alt="Autoplay on" style="width: 26px; height: 26px;" />`;
                 if (this.el()) {
                     this.el().title = 'Autoplay is on';
                     this.el().setAttribute('aria-label', 'Autoplay is on');
@@ -75,7 +75,7 @@ class AutoplayToggleButton extends Button {
                     if (controlText) controlText.textContent = 'Autoplay is on';
                 }
             } else {
-                this.iconSpan.innerHTML = `<img src="${autoPauseIconUrl}" alt="Autoplay off" style="width: 26px; height: 26px;" />`;
+                this.iconSpan.innerHTML = `<img src="${autoPlayIconUrl}" alt="Autoplay off" style="width: 26px; height: 26px;" />`;
                 if (this.el()) {
                     this.el().title = 'Autoplay is off';
                     this.el().setAttribute('aria-label', 'Autoplay is off');