Remove video iframe element from DOM when not visible

amits97 · Nov 1, 2023 · 64d9a0e · 64d9a0e
1 parent c9ac076
commit 64d9a0e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "naadan-chords",
-  "version": "0.79.5",
+  "version": "0.79.6",
   "homepage": "https://www.naadanchords.com/",
   "private": true,
   "dependencies": {

diff --git a/src/containers/ContentParser.js b/src/containers/ContentParser.js
@@ -363,10 +363,12 @@ export default class ContentParser extends Component {
             </Tab.Pane>
             <Tab.Pane eventKey="video">
               <div className="tab-contents chord-sheet">
-                <YouTubeEmbed
-                  youtubeId={youtubeId}
-                  onLoad={this.hideVideoTab}
-                />
+                {this.state.activeTab === "video" && (
+                  <YouTubeEmbed
+                    youtubeId={youtubeId}
+                    onLoad={this.hideVideoTab}
+                  />
+                )}
               </div>
             </Tab.Pane>
           </Tab.Content>