diff --git a/ui/assets/css/style.css b/ui/assets/css/style.css
index 58aa328c..51790731 100644
--- a/ui/assets/css/style.css
+++ b/ui/assets/css/style.css
@@ -226,7 +226,8 @@ hr {
cursor: pointer;
}
-.play-icon {
+.play-icon,
+.embed-icon {
position: absolute;
z-index: 2;
@@ -245,6 +246,10 @@ hr {
opacity: 0.4;
}
+.embed-icon {
+ background-image: url(/images/embed-icon.png);
+}
+
.play-icon:hover,
.play-icon:focus,
.play-active {
diff --git a/ui/components/History.vue b/ui/components/History.vue
index 131cd808..4bd0fe81 100644
--- a/ui/components/History.vue
+++ b/ui/components/History.vue
@@ -104,7 +104,7 @@
-
+
pImg(e)" :src="'/api/thumbnail?url=' + encodePath(item.extras.thumbnail)"
v-if="item.extras?.thumbnail" />
diff --git a/ui/components/Queue.vue b/ui/components/Queue.vue
index 8277e38f..cff11603 100644
--- a/ui/components/Queue.vue
+++ b/ui/components/Queue.vue
@@ -54,7 +54,7 @@
embed_url = getEmbedable(item.url)" class="play-overlay">
-
+
pImg(e)" :src="'/api/thumbnail?url=' + encodePath(item.extras.thumbnail)"
v-if="item.extras?.thumbnail" />
diff --git a/ui/public/images/embed-icon.png b/ui/public/images/embed-icon.png
new file mode 100644
index 00000000..a6970dd8
Binary files /dev/null and b/ui/public/images/embed-icon.png differ