From 6585bcde1b5d4fe311fc4d3cf8935d7cd8713550 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Fri, 10 Dec 2021 19:23:35 -0800
Subject: [PATCH] fix for music videos

---
 .../views/components/animatedartwork-view.ejs               | 6 ++++--
 .../cider-ui-tests/views/components/mediaitem-artwork.ejs   | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/resources/cider-ui-tests/views/components/animatedartwork-view.ejs b/resources/cider-ui-tests/views/components/animatedartwork-view.ejs
index 81f89fbf..ef464f00 100644
--- a/resources/cider-ui-tests/views/components/animatedartwork-view.ejs
+++ b/resources/cider-ui-tests/views/components/animatedartwork-view.ejs
@@ -39,8 +39,10 @@
             }
         },
         beforeDestroy() {
-            this.hls.destroy();
-            console.log('killed')
+            if(this.hls) {
+                this.hls.destroy();
+                console.log('killed')
+            }
         }
     });
 </script>
\ No newline at end of file
diff --git a/resources/cider-ui-tests/views/components/mediaitem-artwork.ejs b/resources/cider-ui-tests/views/components/mediaitem-artwork.ejs
index 39a4e9be..4adcae40 100644
--- a/resources/cider-ui-tests/views/components/mediaitem-artwork.ejs
+++ b/resources/cider-ui-tests/views/components/mediaitem-artwork.ejs
@@ -10,7 +10,7 @@
              v-observe-visibility="{callback: visibilityChanged}">
             <img :src="app.getMediaItemArtwork(url, size)" v-if="isVisible"
                  class="mediaitem-artwork--img">
-            <div v-if="video && isVisible" class="animatedartwork-view-box">
+            <div v-show="video && isVisible" class="animatedartwork-view-box">
                 <animatedartwork-view  :video="video"></animatedartwork-view>   
             </div>  
         </div>