Merge pull request #147 from Blink-drift/Autoplay-update-fix

#144 -Fix: Changed button to correctly reflect state during Autoplay
Vinay-Khanagavi · Oct 28, 2024 · 958e446 · 958e446
2 parents 54d70e1 + a5b015d
commit 958e446
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/main/level_1/phishing_animated_video.html b/main/level_1/phishing_animated_video.html
@@ -289,7 +289,10 @@ <h1>Please Watch: What does Phishing Look Like?</h1>
             video.currentTime = pos * video.duration;
         });
 
-        video.play().catch(error => {
+        video.play().then(() => {
+            playPauseBtn.textContent = 'Pause'
+            console.log("Video is playing automatically.");
+        }).catch(error => {
             console.log("Auto-play prevented:", error);
         });
 

diff --git a/main/level_2/phishing_animated_video.html b/main/level_2/phishing_animated_video.html
@@ -297,7 +297,10 @@ <h1>Please Watch: What is Malware?</h1>
         video.currentTime = pos * video.duration;
     });
 
-    video.play().catch(error => {
+    video.play().then(() => {
+        playPauseBtn.textContent = 'Pause'
+        console.log("Video is playing automatically.");
+    }).catch(error => {
         console.log("Auto-play prevented:", error);
     });
 

diff --git a/main/level_3/phishing_animated_video.html b/main/level_3/phishing_animated_video.html
@@ -308,7 +308,10 @@ <h1>Please Watch: What does a Good Password Look Like?</h1>
             video.currentTime = pos * video.duration;
         });
 
-        video.play().catch(error => {
+        video.play().then(() => {
+            playPauseBtn.textContent = 'Pause'
+            console.log("Video is playing automatically.");
+        }).catch(error => {
             console.log("Auto-play prevented:", error);
         });