From de32ee578b4bdd102972d59e8c983e7dc9334c33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Sun, 22 Aug 2021 12:32:31 -1000
Subject: [PATCH] Fix embedded subtitles in the web player

---
 frontend/js/components/buttons/download.js | 24 ++++++++++++++--------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/frontend/js/components/buttons/download.js b/frontend/js/components/buttons/download.js
index 664efe9..098fc2a 100644
--- a/frontend/js/components/buttons/download.js
+++ b/frontend/js/components/buttons/download.js
@@ -76,15 +76,21 @@ const Player = ({ url, subtitles }) => {
       <video className="embed-responsive-item" controls>
         <source src={url} type="video/mp4" />
         {subtitles &&
-          [...subtitles.entries()].map(([lang, sub]) => (
-            <track
-              key={lang}
-              kind="subtitles"
-              label={sub.language}
-              src={sub.vvt_file}
-              srcLang={sub.language}
-            />
-          ))}
+          [...subtitles.entries()].map(([lang, sub]) => {
+            if (sub.embedded) {
+              return null;
+            }
+
+            return (
+              <track
+                key={lang}
+                kind="subtitles"
+                label={sub.lang}
+                src={sub.vvt_file}
+                srcLang={sub.lang}
+              />
+            );
+          })}
       </video>
     </div>
   );