From 2460d3e1c69b92d6c12f1306b21bd1297100693a Mon Sep 17 00:00:00 2001
From: Mach50 <64970593+MasterMach50@users.noreply.github.com>
Date: Wed, 11 May 2022 19:02:08 +0530
Subject: [PATCH] Caption Button Display

Caption Button not displayed if captions track is not specified in html.
---
 script.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/script.js b/script.js
index 34814ed..eac2e03 100644
--- a/script.js
+++ b/script.js
@@ -108,12 +108,17 @@ function changePlaybackSpeed() {
 }
 
 // Captions
-const captions = video.textTracks[0]
-captions.mode = "hidden"
-
-captionsBtn.addEventListener("click", toggleCaptions)
+if (video.textTracks.length == 0){
+  captionsBtn.style.display = "none"
+}
+else{
+  const captions = video.textTracks[0]
+  captions.mode = "hidden"
+  captionsBtn.addEventListener("click", toggleCaptions)
+}
 
 function toggleCaptions() {
+  const captions = video.textTracks[0]
   const isHidden = captions.mode === "hidden"
   captions.mode = isHidden ? "showing" : "hidden"
   videoContainer.classList.toggle("captions", isHidden)