Merge pull request #344 from nypublicradio/mwalsh/player-fixes

Player fix
nypublicradio · Apr 22, 2022 · 9d7d8a6 · 9d7d8a6
2 parents a467a6b + c5e01c6
commit 9d7d8a6
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/components/GothamistPlayer.vue b/components/GothamistPlayer.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="!playerDismissed"
+    v-show="!playerDismissed"
     class="persistent-player-wrapper"
   >
     <collapsible-message

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -36,17 +36,19 @@
     </main>
     <gothamist-footer v-if="!isGallery" />
     <!-- audio player -->
-    <transition name="fade">
-      <gothamist-player
-        v-if="$features.enabled['experiment-audio-player']"
-        class="gothamist-player-wrapper"
-        @welcome-message-dismissed="gaEvent('Livestream', 'Welcome Message Dismissed')"
-        @player-dismissed="gaEvent('Livestream', 'Player Dismissed')"
-        @play-clicked="gaEvent('Livestream', 'Livestream Started')"
-        @pause-clicked="gaEvent('Livestream', 'Livestream Paused')"
-        @resume-clicked="gaEvent('Livestream', 'Livestream Resumed')"
-      />
-    </transition>
+    <client-only>
+      <transition name="fade">
+        <gothamist-player
+          v-if="$features.enabled['experiment-audio-player']"
+          class="gothamist-player-wrapper"
+          @welcome-message-dismissed="gaEvent('Livestream', 'Welcome Message Dismissed')"
+          @player-dismissed="gaEvent('Livestream', 'Player Dismissed')"
+          @play-clicked="gaEvent('Livestream', 'Livestream Started')"
+          @pause-clicked="gaEvent('Livestream', 'Livestream Paused')"
+          @resume-clicked="gaEvent('Livestream', 'Livestream Resumed')"
+        />
+      </transition>
+    </client-only>
     <!-- audio player -->
   </div>
 </template>