diff --git a/src/renderer/components/ft-element-list/ft-element-list.js b/src/renderer/components/ft-element-list/ft-element-list.js
index b82b04f95afe0..4479f6c8f0d69 100644
--- a/src/renderer/components/ft-element-list/ft-element-list.js
+++ b/src/renderer/components/ft-element-list/ft-element-list.js
@@ -71,6 +71,14 @@ export default defineComponent({
       type: String,
       default: null
     },
+    isInvidiousPlaylist: {
+      type: Boolean,
+      default: false,
+    },
+    origin: {
+      type: String,
+      default: null
+    }
   },
   emits: ['move-video-down', 'move-video-up', 'remove-from-playlist'],
   computed: {
diff --git a/src/renderer/components/ft-element-list/ft-element-list.vue b/src/renderer/components/ft-element-list/ft-element-list.vue
index 7331d2e7ff8b6..f2bfcfcf6825a 100644
--- a/src/renderer/components/ft-element-list/ft-element-list.vue
+++ b/src/renderer/components/ft-element-list/ft-element-list.vue
@@ -22,6 +22,8 @@
       :playlist-id="playlistId"
       :playlist-type="playlistType"
       :playlist-item-id="result.playlistItemId"
+      :is-invidious-playlist="isInvidiousPlaylist"
+      :origin="origin"
       @move-video-up="moveVideoUp(result.videoId, result.playlistItemId)"
       @move-video-down="moveVideoDown(result.videoId, result.playlistItemId)"
       @remove-from-playlist="removeFromPlaylist(result.videoId, result.playlistItemId)"
diff --git a/src/renderer/components/ft-list-lazy-wrapper/ft-list-lazy-wrapper.js b/src/renderer/components/ft-list-lazy-wrapper/ft-list-lazy-wrapper.js
index f94037ef774bd..dcb755ba1e424 100644
--- a/src/renderer/components/ft-list-lazy-wrapper/ft-list-lazy-wrapper.js
+++ b/src/renderer/components/ft-list-lazy-wrapper/ft-list-lazy-wrapper.js
@@ -84,6 +84,14 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    isInvidiousPlaylist: {
+      type: Boolean,
+      default: false,
+    },
+    origin: {
+      type: String,
+      default: null
+    }
   },
   emits: ['move-video-down', 'move-video-up', 'remove-from-playlist'],
   data: function () {
diff --git a/src/renderer/components/ft-list-lazy-wrapper/ft-list-lazy-wrapper.vue b/src/renderer/components/ft-list-lazy-wrapper/ft-list-lazy-wrapper.vue
index df93ed245667b..4f43aab7822e2 100644
--- a/src/renderer/components/ft-list-lazy-wrapper/ft-list-lazy-wrapper.vue
+++ b/src/renderer/components/ft-list-lazy-wrapper/ft-list-lazy-wrapper.vue
@@ -26,6 +26,8 @@
         :can-move-video-up="canMoveVideoUp"
         :can-move-video-down="canMoveVideoDown"
         :can-remove-from-playlist="canRemoveFromPlaylist"
+        :is-invidious-playlist="isInvidiousPlaylist"
+        :origin="origin"
         @move-video-up="moveVideoUp"
         @move-video-down="moveVideoDown"
         @remove-from-playlist="removeFromPlaylist"
diff --git a/src/renderer/components/ft-list-video-numbered/ft-list-video-numbered.js b/src/renderer/components/ft-list-video-numbered/ft-list-video-numbered.js
index 68a863beb58fd..b089df708a663 100644
--- a/src/renderer/components/ft-list-video-numbered/ft-list-video-numbered.js
+++ b/src/renderer/components/ft-list-video-numbered/ft-list-video-numbered.js
@@ -74,7 +74,19 @@ export default defineComponent({
     isCurrentVideo: {
       type: Boolean,
       default: false
-    }
+    },
+    useChannelsHiddenPreference: {
+      type: Boolean,
+      default: false,
+    },
+    isInvidiousPlaylist: {
+      type: Boolean,
+      default: false
+    },
+    origin: {
+      type: String,
+      default: null
+    },
   },
   emits: ['move-video-down', 'move-video-up', 'pause-player', 'remove-from-playlist'],
   data: function () {
diff --git a/src/renderer/components/ft-list-video-numbered/ft-list-video-numbered.vue b/src/renderer/components/ft-list-video-numbered/ft-list-video-numbered.vue
index 192bcc03b1a35..dc6c7b808e59e 100644
--- a/src/renderer/components/ft-list-video-numbered/ft-list-video-numbered.vue
+++ b/src/renderer/components/ft-list-video-numbered/ft-list-video-numbered.vue
@@ -39,6 +39,8 @@
         :can-move-video-up="canMoveVideoUp"
         :can-move-video-down="canMoveVideoDown"
         :can-remove-from-playlist="canRemoveFromPlaylist"
+        :origin="origin"
+        :is-invidious-playlist="isInvidiousPlaylist"
         @pause-player="pausePlayer"
         @move-video-up="moveVideoUp"
         @move-video-down="moveVideoDown"
diff --git a/src/renderer/components/ft-list-video/ft-list-video.js b/src/renderer/components/ft-list-video/ft-list-video.js
index cc91ac027bf55..d0b18e17a5291 100644
--- a/src/renderer/components/ft-list-video/ft-list-video.js
+++ b/src/renderer/components/ft-list-video/ft-list-video.js
@@ -84,6 +84,14 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    isInvidiousPlaylist: {
+      type: Boolean,
+      default: false,
+    },
+    origin: {
+      type: String,
+      default: null
+    }
   },
   emits: ['move-video-down', 'move-video-up', 'pause-player', 'remove-from-playlist'],
   data: function () {
@@ -485,6 +493,9 @@ export default defineComponent({
       if (this.playlistIdFinal) { query.playlistId = this.playlistIdFinal }
       if (this.playlistTypeFinal) { query.playlistType = this.playlistTypeFinal }
       if (this.playlistItemIdFinal) { query.playlistItemId = this.playlistItemIdFinal }
+      if (this.isInvidiousPlaylist) { query.isInvidiousPlaylist = true }
+      if (this.origin) { query.origin = this.origin }
+
       return query
     },
 
diff --git a/src/renderer/components/ft-share-button/ft-share-button.js b/src/renderer/components/ft-share-button/ft-share-button.js
index 054e3e58ab3cc..19fa681a1eb47 100644
--- a/src/renderer/components/ft-share-button/ft-share-button.js
+++ b/src/renderer/components/ft-share-button/ft-share-button.js
@@ -38,7 +38,11 @@ export default defineComponent({
     dropdownPositionY: {
       type: String,
       default: 'bottom'
-    }
+    },
+    invidiousInstance: {
+      type: String,
+      default: null
+    },
   },
   data: function () {
     return {
@@ -54,6 +58,10 @@ export default defineComponent({
       return this.shareTargetType === 'Playlist'
     },
 
+    isIVPlaylist: function () {
+      return this.shareTargetType === 'IVPlaylist'
+    },
+
     isVideo: function() {
       return this.shareTargetType === 'Video'
     },
@@ -62,7 +70,7 @@ export default defineComponent({
       if (this.isChannel) {
         return this.$t('Share.Share Channel')
       }
-      if (this.isPlaylist) {
+      if (this.isPlaylist || this.isIVPlaylist) {
         return this.$t('Share.Share Playlist')
       }
       return this.$t('Share.Share Video')
@@ -91,6 +99,9 @@ export default defineComponent({
       if (this.isPlaylist) {
         return `${this.currentInvidiousInstance}/playlist?list=${this.id}`
       }
+      if (this.isIVPlaylist) {
+        return `${this.invidiousInstance}/playlist?list=${this.id}`
+      }
       let videoUrl = `${this.currentInvidiousInstance}/watch?v=${this.id}`
       // `playlistId` can be undefined
       if (this.playlistSharable) {
@@ -104,6 +115,9 @@ export default defineComponent({
       if (this.isPlaylist) {
         return `${this.currentInvidiousInstance}/embed/videoseries?list=${this.id}`
       }
+      if (this.isIVPlaylist) {
+        return `${this.invidiousInstance}/embed/videoseries?list=${this.id}`
+      }
       return `${this.currentInvidiousInstance}/embed/${this.id}`
     },
 
@@ -150,7 +164,7 @@ export default defineComponent({
         return `https://www.youtube-nocookie.com/embed/videoseries?list=${this.id}`
       }
       return `https://www.youtube-nocookie.com/embed/${this.id}`
-    },
+    }
   },
   mounted() {
     // Prevents to instantiate a ft-share-button for a video without a get-timestamp function
diff --git a/src/renderer/components/ft-share-button/ft-share-button.vue b/src/renderer/components/ft-share-button/ft-share-button.vue
index b72380c90ce1c..8e874717132db 100644
--- a/src/renderer/components/ft-share-button/ft-share-button.vue
+++ b/src/renderer/components/ft-share-button/ft-share-button.vue
@@ -19,7 +19,10 @@
       />
     </ft-flex-box>
     <div class="shareLinks">
-      <div class="header">
+      <div
+        v-if="!isIVPlaylist"
+        class="header"
+      >
         <img
           id="youtubeShareImage"
           class="youtubeLogo"
@@ -30,7 +33,10 @@
         >
       </div>
 
-      <div class="buttons">
+      <div
+        v-if="!isIVPlaylist"
+        class="buttons"
+      >
         <ft-button
           class="action"
           aria-describedby="youtubeShareImage"
@@ -69,7 +75,10 @@
         </ft-button>
       </div>
 
-      <div class="divider" />
+      <div
+        v-if="!isIVPlaylist"
+        class="divider"
+      />
 
       <div
         id="invidiousShare"
diff --git a/src/renderer/components/playlist-info/playlist-info.js b/src/renderer/components/playlist-info/playlist-info.js
index 5d7dac11a5148..54b3571632075 100644
--- a/src/renderer/components/playlist-info/playlist-info.js
+++ b/src/renderer/components/playlist-info/playlist-info.js
@@ -50,7 +50,7 @@ export default defineComponent({
     },
     channelThumbnail: {
       type: String,
-      required: true,
+      default: null
     },
     channelName: {
       type: String,
@@ -70,7 +70,7 @@ export default defineComponent({
     },
     viewCount: {
       type: Number,
-      required: true,
+      default: null,
     },
     lastUpdated: {
       type: String,
@@ -84,6 +84,14 @@ export default defineComponent({
       type: String,
       required: true,
     },
+    isInvidiousPlaylist: {
+      type: Boolean,
+      default: false
+    },
+    origin: {
+      type: String,
+      default: null
+    },
     moreVideoDataAvailable: {
       type: Boolean,
       required: true,
@@ -190,7 +198,7 @@ export default defineComponent({
     },
 
     parsedViewCount() {
-      return formatNumber(this.viewCount)
+      return this.viewCount ? formatNumber(this.viewCount) : null
     },
 
     parsedVideoCount() {
@@ -205,7 +213,7 @@ export default defineComponent({
       let baseUrl = 'https://i.ytimg.com'
       if (this.backendPreference === 'invidious') {
         baseUrl = this.currentInvidiousInstance
-      } else if (typeof this.playlistThumbnail === 'string' && this.playlistThumbnail.length > 0) {
+      } else if (typeof this.playlistThumbnail === 'string' && this.playlistThumbnail.length > 0 && !this.isInvidiousPlaylist) {
         // Use playlist thumbnail provided by YT when available
         return this.playlistThumbnail
       }
@@ -316,6 +324,7 @@ export default defineComponent({
       return this.inputPlaylistNameEmpty || this.inputPlaylistNameBlank || this.inputPlaylistWithNameExists
     },
   },
+
   watch: {
     showDeletePlaylistPrompt(shown) {
       this.$emit(shown ? 'prompt-open' : 'prompt-close')
diff --git a/src/renderer/components/playlist-info/playlist-info.vue b/src/renderer/components/playlist-info/playlist-info.vue
index 4c8c0cfcf9959..099c75690fb4c 100644
--- a/src/renderer/components/playlist-info/playlist-info.vue
+++ b/src/renderer/components/playlist-info/playlist-info.vue
@@ -69,7 +69,7 @@
         </h2>
         <p>
           {{ $tc('Global.Counts.Video Count', videoCount, {count: parsedVideoCount}) }}
-          <span v-if="!hideViews && !isUserPlaylist">
+          <span v-if="!hideViews && viewCount != null && !isUserPlaylist">
             - {{ $tc('Global.Counts.View Count', viewCount, {count: parsedViewCount}) }}
           </span>
           <span>- </span>
@@ -128,7 +128,6 @@
           {{ channelName }}
         </h3>
       </div>
-
       <div class="playlistOptionsAndSearch">
         <div class="playlistOptions">
           <ft-icon-button
@@ -197,7 +196,8 @@
             :id="id"
             class="sharePlaylistIcon"
             :dropdown-position-y="description ? 'top' : 'bottom'"
-            share-target-type="Playlist"
+            :share-target-type="isInvidiousPlaylist ? 'IVPlaylist' : 'Playlist'"
+            :invidious-instance="origin"
           />
         </div>
         <div
diff --git a/src/renderer/components/top-nav/top-nav.js b/src/renderer/components/top-nav/top-nav.js
index 0a5f16371cceb..0cb0d958b10b5 100644
--- a/src/renderer/components/top-nav/top-nav.js
+++ b/src/renderer/components/top-nav/top-nav.js
@@ -151,7 +151,7 @@ export default defineComponent({
       this.getYoutubeUrlInfo(query).then((result) => {
         switch (result.urlType) {
           case 'video': {
-            const { videoId, timestamp, playlistId } = result
+            const { videoId, timestamp, playlistId, origin, playlistType } = result
 
             const query = {}
             if (timestamp) {
@@ -159,6 +159,8 @@ export default defineComponent({
             }
             if (playlistId && playlistId.length > 0) {
               query.playlistId = playlistId
+              query.origin = origin
+              query.playlistType = playlistType
             }
 
             openInternalPath({
diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.css b/src/renderer/components/watch-video-playlist/watch-video-playlist.css
index 0a632bf00c851..b1410dc68c801 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.css
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.css
@@ -109,3 +109,33 @@
   position: relative;
   inset-block-end: 7px;
 }
+
+.messageContainer {
+  inline-size: 100%;
+  block-size: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  row-gap: 16px;
+}
+
+.messageContainer.message {
+  font-size: 18px;
+  padding: 0;
+  margin: 0;
+}
+
+.errorIcon {
+  inline-size: 100%;
+  color: var(--tertiary-text-color);
+  font-size: 70px;
+}
+
+.viewPlaylist {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.js b/src/renderer/components/watch-video-playlist/watch-video-playlist.js
index e9fad636e8999..5de74f7baa2f1 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.js
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.js
@@ -3,6 +3,7 @@ import { mapMutations } from 'vuex'
 import FtLoader from '../ft-loader/ft-loader.vue'
 import FtCard from '../ft-card/ft-card.vue'
 import FtListVideoNumbered from '../ft-list-video-numbered/ft-list-video-numbered.vue'
+import FtButton from '../ft-button/ft-button.vue'
 import { copyToClipboard, setPublishedTimestampsInvidious, showToast } from '../../helpers/utils'
 import {
   getLocalPlaylist,
@@ -17,7 +18,8 @@ export default defineComponent({
   components: {
     'ft-loader': FtLoader,
     'ft-card': FtCard,
-    'ft-list-video-numbered': FtListVideoNumbered
+    'ft-list-video-numbered': FtListVideoNumbered,
+    'ft-button': FtButton
   },
   props: {
     playlistId: {
@@ -40,6 +42,14 @@ export default defineComponent({
       type: Boolean,
       required: true,
     },
+    isInvidiousPlaylist: {
+      type: Boolean,
+      default: false,
+    },
+    origin: {
+      type: String,
+      default: null,
+    },
   },
   emits: ['pause-player'],
   data: function () {
@@ -55,6 +65,7 @@ export default defineComponent({
       playlistTitle: '',
       playlistItems: [],
       randomizedPlaylistItems: [],
+      fetchIVPlaylist: false,
 
       getPlaylistInfoRun: false,
     }
@@ -67,9 +78,15 @@ export default defineComponent({
     backendFallback: function () {
       return this.$store.getters.getBackendFallback
     },
+
+    currentInvidiousInstance: function () {
+      return this.$store.getters.getCurrentInvidiousInstance
+    },
+
     currentLocale: function () {
       return this.$i18n.locale.replace('_', '-')
     },
+
     isUserPlaylist: function () {
       return this.playlistType === 'user'
     },
@@ -207,7 +224,7 @@ export default defineComponent({
   },
   mounted: function () {
     const cachedPlaylist = this.$store.getters.getCachedPlaylist
-    if (cachedPlaylist?.id === this.playlistId) {
+    if (cachedPlaylist?.id === this.playlistId && !cachedPlaylist.items.length === 0) {
       this.loadCachedPlaylistInformation(cachedPlaylist)
     } else {
       this.getPlaylistInfoWithDelay()
@@ -225,6 +242,11 @@ export default defineComponent({
     }
   },
   methods: {
+    enableViewPlaylist: function () {
+      this.isLoading = true
+      this.fetchIVPlaylist = true
+      this.getPlaylistInfoWithDelay()
+    },
     findIndexOfCurrentVideoInPlaylist: function (playlist) {
       const playlistItemId = this.playlistItemId
       const prevVideoBeforeDeletion = this.prevVideoBeforeDeletion
@@ -253,10 +275,28 @@ export default defineComponent({
 
       if (this.selectedUserPlaylist != null) {
         this.parseUserPlaylist(this.selectedUserPlaylist)
-      } else if (!process.env.SUPPORTS_LOCAL_API || this.backendPreference === 'invidious') {
-        this.getPlaylistInformationInvidious()
+      } else if (!process.env.SUPPORTS_LOCAL_API || this.backendPreference === 'invidious' || (this.isInvidiousPlaylist && (this.fetchIVPlaylist || this.backendFallback))) {
+        if (this.isInvidiousPlaylist) {
+          const curInstance = new URL(this.currentInvidiousInstance)
+          // auto-fetch playlist since the playlist is on the same instance as the currently set invidious instance.
+          if (this.isInvidiousPlaylist && this.origin === curInstance.origin) {
+            this.fetchIVPlaylist = true
+          }
+        }
+
+        if (!this.isInvidiousPlaylist || this.fetchIVPlaylist) {
+          this.getPlaylistInformationInvidious()
+        } else {
+          this.isLoading = false
+          this.getPlaylistInfoRun = false
+        }
       } else {
-        this.getPlaylistInformationLocal()
+        if (!this.isInvidiousPlaylist) {
+          this.getPlaylistInformationLocal()
+        } else {
+          this.isLoading = false
+          this.getPlaylistInfoRun = false
+        }
       }
     },
 
@@ -308,6 +348,7 @@ export default defineComponent({
       const playlistInfo = {
         playlistId: this.playlistId,
         playlistType: this.playlistType,
+        origin: this.origin,
       }
 
       const videoIndex = this.videoIndexInPlaylistItems
@@ -356,6 +397,7 @@ export default defineComponent({
       const playlistInfo = {
         playlistId: this.playlistId,
         playlistType: this.playlistType,
+        origin: this.origin,
       }
 
       let videoIndex = this.videoIndexInPlaylistItems
@@ -405,6 +447,10 @@ export default defineComponent({
       this.channelName = cachedPlaylist.channelName
       this.channelId = cachedPlaylist.channelId
 
+      if (this.isInvidiousPlaylist) {
+        this.fetchIVPlaylist = true
+      }
+
       if (!process.env.SUPPORTS_LOCAL_API || this.backendPreference === 'invidious' || cachedPlaylist.continuationData === null) {
         this.playlistItems = cachedPlaylist.items
       } else {
@@ -466,7 +512,7 @@ export default defineComponent({
     getPlaylistInformationInvidious: function () {
       this.isLoading = true
 
-      invidiousGetPlaylistInfo(this.playlistId).then((result) => {
+      invidiousGetPlaylistInfo(this.playlistId, this.origin).then((result) => {
         this.playlistTitle = result.title
         this.channelName = result.author
         this.channelId = result.authorId
diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
index 85abbd3efb880..9388961ea60b0 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
@@ -3,6 +3,25 @@
     <ft-loader
       v-if="isLoading"
     />
+    <div
+      v-else-if="isInvidiousPlaylist && !fetchIVPlaylist"
+      class="messageContainer"
+    >
+      <p
+        class="message"
+      >
+        {{ backendPreference === 'invidious' ? $t('Playlist.Invidious Playlist Cannot Be Viewed IV', {currentInstance: currentInvidiousInstance, invidiousInstance: origin}) : $t('Playlist.Invidious Playlist Cannot Be Viewed Local', { invidiousInstance: origin }) }}
+      </p>
+      <font-awesome-icon
+        :icon="['fas', 'exclamation-circle']"
+        class="errorIcon"
+      />
+      <ft-button
+        :label="$t('Playlist.View Playlist')"
+        class="viewPlaylist"
+        @click="enableViewPlaylist"
+      />
+    </div>
     <div
       v-else
     >
@@ -125,7 +144,7 @@
       >
         <ft-list-video-numbered
           v-for="(item, index) in playlistItems"
-          :key="item.playlistItemId || item.videoId"
+          :key="item.playlistItemId || item.videoId+'-'+index"
           :ref="currentVideoIndexZeroBased === index ? 'currentVideoItem' : null"
           class="playlistItem"
           :data="item"
@@ -138,6 +157,8 @@
           :playlist-loop="loopEnabled"
           :video-index="index"
           :is-current-video="currentVideoIndexZeroBased === index"
+          :origin="origin"
+          :is-invidious-playlist="isInvidiousPlaylist"
           appearance="watchPlaylistItem"
           :initial-visible-state="index < (currentVideoIndexZeroBased + 4) && index > (currentVideoIndexZeroBased - 4)"
           @pause-player="pausePlayer"
diff --git a/src/renderer/helpers/api/invidious.js b/src/renderer/helpers/api/invidious.js
index f6c123c297b23..429f2e312e593 100644
--- a/src/renderer/helpers/api/invidious.js
+++ b/src/renderer/helpers/api/invidious.js
@@ -20,9 +20,10 @@ export function getProxyUrl(uri) {
   return url.toString().replace(origin, currentInstance)
 }
 
-export function invidiousAPICall({ resource, id = '', params = {}, doLogError = true, subResource = '' }) {
+export function invidiousAPICall({ resource, id = '', params = {}, doLogError = true, subResource = '', instance = '' }) {
   return new Promise((resolve, reject) => {
-    const requestUrl = getCurrentInstance() + '/api/v1/' + resource + '/' + id + (!isNullOrEmpty(subResource) ? `/${subResource}` : '') + '?' + new URLSearchParams(params).toString()
+    const requestUrl = (isNullOrEmpty(instance) ? getCurrentInstance() : instance) + '/api/v1/' + resource + '/' + id + (!isNullOrEmpty(subResource) ? `/${subResource}` : '') + '?' + new URLSearchParams(params).toString()
+
     fetch(requestUrl)
       .then((response) => response.json())
       .then((json) => {
@@ -78,10 +79,11 @@ export async function invidiousGetChannelInfo(channelId) {
   })
 }
 
-export async function invidiousGetPlaylistInfo(playlistId) {
+export async function invidiousGetPlaylistInfo(playlistId, origin = '') {
   return await invidiousAPICall({
     resource: 'playlists',
     id: playlistId,
+    instance: origin,
   })
 }
 
diff --git a/src/renderer/helpers/utils.js b/src/renderer/helpers/utils.js
index 3f645343d3a6e..14aee8e1958f2 100644
--- a/src/renderer/helpers/utils.js
+++ b/src/renderer/helpers/utils.js
@@ -641,7 +641,7 @@ export function showExternalPlayerUnsupportedActionToast(externalPlayer, action)
 export function getVideoParamsFromUrl(url) {
   /** @type {URL} */
   let urlObject
-  const paramsObject = { videoId: null, timestamp: null, playlistId: null }
+  const paramsObject = { videoId: null, timestamp: null, playlistId: null, origin: null, playlistType: null }
   try {
     urlObject = new URL(url)
   } catch (e) {
@@ -653,12 +653,20 @@ export function getVideoParamsFromUrl(url) {
     paramsObject.timestamp = urlObject.searchParams.get('t')
   }
 
+  function extractPlaylistParams(urlObj) {
+    paramsObject.playlistId = urlObject.searchParams.get('list')
+    if (paramsObject.playlistId.startsWith('IV')) {
+      paramsObject.origin = urlObject.origin
+      paramsObject.playlistType = 'invidious'
+    }
+  }
+
   const extractors = [
     // anything with /watch?v=
     function () {
       if (urlObject.pathname === '/watch' && urlObject.searchParams.has('v')) {
         extractParams(urlObject.searchParams.get('v'))
-        paramsObject.playlistId = urlObject.searchParams.get('list')
+        extractPlaylistParams(urlObject)
         return paramsObject
       }
     },
@@ -666,7 +674,7 @@ export function getVideoParamsFromUrl(url) {
     function () {
       if (urlObject.host === 'youtu.be' && /^\/[\w-]+$/.test(urlObject.pathname)) {
         extractParams(urlObject.pathname.slice(1))
-        paramsObject.playlistId = urlObject.searchParams.get('list')
+        extractPlaylistParams(urlObject)
         return paramsObject
       }
     },
@@ -675,7 +683,7 @@ export function getVideoParamsFromUrl(url) {
       if (/^\/embed\/[\w-]+$/.test(urlObject.pathname)) {
         const urlTail = urlObject.pathname.replace('/embed/', '')
         if (urlTail === 'videoseries') {
-          paramsObject.playlistId = urlObject.searchParams.get('list')
+          extractPlaylistParams(urlObject)
         } else {
           extractParams(urlTail)
         }
diff --git a/src/renderer/store/modules/utils.js b/src/renderer/store/modules/utils.js
index e3c858d13607c..5ffab6e8be922 100644
--- a/src/renderer/store/modules/utils.js
+++ b/src/renderer/store/modules/utils.js
@@ -447,13 +447,16 @@ const actions = {
       urlStr = `https://www.youtube.com/${urlStr}`
     }
 
-    const { videoId, timestamp, playlistId } = getVideoParamsFromUrl(urlStr)
+    const { videoId, timestamp, playlistId, origin, playlistType } = getVideoParamsFromUrl(urlStr)
+
     if (videoId) {
       return {
         urlType: 'video',
         videoId,
         playlistId,
-        timestamp
+        timestamp,
+        origin,
+        playlistType
       }
     }
 
@@ -501,6 +504,12 @@ const actions = {
           query[param] = value
         }
 
+        // special handling for Invidious playlist
+        if (playlistId.startsWith('IV')) {
+          query.origin = url.origin
+          query.playlistType = 'invidious'
+        }
+
         return {
           urlType: 'playlist',
           playlistId,
diff --git a/src/renderer/views/Playlist/Playlist.js b/src/renderer/views/Playlist/Playlist.js
index 35a88e59f5525..7f32a4cea6385 100644
--- a/src/renderer/views/Playlist/Playlist.js
+++ b/src/renderer/views/Playlist/Playlist.js
@@ -48,6 +48,7 @@ export default defineComponent({
         channelId: this.channelId,
         items: this.sortedPlaylistItems,
         continuationData: this.continuationData,
+        query: this.query
       })
     }
     next()
@@ -67,6 +68,9 @@ export default defineComponent({
       channelThumbnail: '',
       channelId: '',
       infoSource: 'local',
+      isInvidiousPlaylist: false,
+      fetchIVPlaylist: false,
+      origin: null,
       playlistItems: [],
       userPlaylistVisibleLimit: 100,
       continuationData: null,
@@ -78,6 +82,7 @@ export default defineComponent({
       videoSearchQuery: '',
 
       promptOpen: false,
+      query: {},
     }
   },
   computed: {
@@ -269,6 +274,12 @@ export default defineComponent({
     window.removeEventListener('resize', this.handleResize)
   },
   methods: {
+    enableViewPlaylist: function () {
+      this.isLoading = true
+      this.fetchIVPlaylist = true
+      this.getPlaylistInfoDebounce()
+    },
+
     getPlaylistInfo: function () {
       this.isLoading = true
       // `selectedUserPlaylist` result accuracy relies on data being ready
@@ -283,13 +294,31 @@ export default defineComponent({
         return
       }
 
-      switch (this.backendPreference) {
-        case 'local':
-          this.getPlaylistLocal()
-          break
-        case 'invidious':
+      this.query = this.$route.query ?? {}
+      this.isInvidiousPlaylist = this.query.playlistType === 'invidious'
+      this.origin = this.query.origin
+
+      if (!process.env.IS_ELECTRON || this.backendPreference === 'invidious' || (this.isInvidiousPlaylist && (this.fetchIVPlaylist || this.backendFallback))) {
+        // playlist exists only invidious/user prefers invidious
+        if (this.isInvidiousPlaylist) {
+          const curInstance = new URL(this.currentInvidiousInstance)
+          // auto-fetch playlist since the playlist is on the same instance as the currently set invidious instance.
+          if (this.isInvidiousPlaylist && this.origin === curInstance.origin) {
+            this.fetchIVPlaylist = true
+          }
+        }
+
+        if (!this.isInvidiousPlaylist || this.fetchIVPlaylist) {
           this.getPlaylistInvidious()
-          break
+        } else {
+          this.isLoading = false
+        }
+      } else {
+        if (!this.isInvidiousPlaylist) {
+          this.getPlaylistLocal()
+        } else {
+          this.isLoading = false
+        }
       }
     },
     getPlaylistLocal: function () {
@@ -349,22 +378,27 @@ export default defineComponent({
     },
 
     getPlaylistInvidious: function () {
-      invidiousGetPlaylistInfo(this.playlistId).then((result) => {
+      this.isLoading = true
+      const origin = this.query.origin
+
+      invidiousGetPlaylistInfo(this.playlistId, origin).then((result) => {
         this.playlistTitle = result.title
         this.playlistDescription = result.description
         this.firstVideoId = result.videos[0].videoId
-        this.viewCount = result.viewCount
+        this.viewCount = (!this.query.playlistType === 'invidious') ? result.viewCount : null
         this.videoCount = result.videoCount
         this.channelName = result.author
-        this.channelThumbnail = youtubeImageUrlToInvidious(result.authorThumbnails[2].url, this.currentInvidiousInstance)
+        this.channelThumbnail = youtubeImageUrlToInvidious(result.authorThumbnails.at(2)?.url, this.currentInvidiousInstance)
         this.channelId = result.authorId
         this.infoSource = 'invidious'
 
-        this.updateSubscriptionDetails({
-          channelThumbnailUrl: result.authorThumbnails[2].url,
-          channelName: this.channelName,
-          channelId: this.channelId
-        })
+        if (!this.query.playlistType === 'invidious') {
+          this.updateSubscriptionDetails({
+            channelThumbnailUrl: result.authorThumbnails[2].url,
+            channelName: this.channelName,
+            channelId: this.channelId
+          })
+        }
 
         const dateString = new Date(result.updated * 1000)
         this.lastUpdated = dateString.toLocaleDateString(this.currentLocale, { year: 'numeric', month: 'short', day: 'numeric' })
diff --git a/src/renderer/views/Playlist/Playlist.scss b/src/renderer/views/Playlist/Playlist.scss
index 1e0ce41dc574c..5762750e12731 100644
--- a/src/renderer/views/Playlist/Playlist.scss
+++ b/src/renderer/views/Playlist/Playlist.scss
@@ -157,3 +157,33 @@
 .message {
   color: var(--tertiary-text-color);
 }
+
+.messageContainer {
+  inline-size: 100%;
+  block-size: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  row-gap: 16px;
+}
+
+.messageContainer.message {
+  font-size: 18px;
+  padding: 0;
+  margin: 0;
+}
+
+.errorIcon {
+  inline-size: 100%;
+  color: var(--tertiary-text-color);
+  font-size: 70px;
+}
+
+.viewPlaylist {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
diff --git a/src/renderer/views/Playlist/Playlist.vue b/src/renderer/views/Playlist/Playlist.vue
index c7e6efb8b30af..9d9ef896c0229 100644
--- a/src/renderer/views/Playlist/Playlist.vue
+++ b/src/renderer/views/Playlist/Playlist.vue
@@ -8,47 +8,64 @@
       :fullscreen="true"
     />
     <div
-      v-if="!isLoading"
-      class="playlistInfoContainer"
-      :class="{
-        promptOpen,
-      }"
+      v-else-if="isInvidiousPlaylist && !fetchIVPlaylist"
+      class="messageContainer"
     >
-      <playlist-info
-        :id="playlistId"
-        :first-video-id="firstVideoId"
-        :first-video-playlist-item-id="firstVideoPlaylistItemId"
-        :playlist-thumbnail="playlistThumbnail"
-        :title="playlistTitle"
-        :channel-name="channelName"
-        :channel-thumbnail="channelThumbnail"
-        :channel-id="channelId"
-        :last-updated="lastUpdated"
-        :description="playlistDescription"
-        :video-count="videoCount"
-        :videos="playlistItems"
-        :view-count="viewCount"
-        :info-source="infoSource"
-        :more-video-data-available="moreVideoDataAvailable"
-        :search-video-mode-allowed="isUserPlaylistRequested && videoCount > 1"
-        :search-video-mode-enabled="playlistInVideoSearchMode"
-        :search-query-text="searchQueryTextRequested"
-        :theme="listType === 'list' ? 'base' : 'top-bar'"
-        class="playlistInfo"
-        @enter-edit-mode="playlistInEditMode = true"
-        @exit-edit-mode="playlistInEditMode = false"
-        @search-video-query-change="(v) => videoSearchQuery = v"
-        @prompt-open="promptOpen = true"
-        @prompt-close="promptOpen = false"
+      <p
+        class="message"
+      >
+        {{ backendPreference === 'invidious' ? $t('Playlist.Invidious Playlist Cannot Be Viewed IV', {currentInstance: currentInvidiousInstance, invidiousInstance: origin}) : $t('Playlist.Invidious Playlist Cannot Be Viewed Local', { invidiousInstance: origin }) }}
+      </p>
+      <font-awesome-icon
+        :icon="['fas', 'exclamation-circle']"
+        class="errorIcon"
+      />
+      <ft-button
+        :label="$t('Playlist.View Playlist')"
+        class="viewPlaylist"
+        @click="enableViewPlaylist"
       />
     </div>
+    <template v-else>
+      <div
+        class="playlistInfoContainer"
+        :class="{
+          promptOpen,
+        }"
+      >
+        <playlist-info
+          :id="playlistId"
+          :first-video-id="firstVideoId"
+          :first-video-playlist-item-id="firstVideoPlaylistItemId"
+          :playlist-thumbnail="playlistThumbnail"
+          :title="playlistTitle"
+          :channel-name="channelName"
+          :channel-thumbnail="channelThumbnail"
+          :channel-id="channelId"
+          :last-updated="lastUpdated"
+          :description="playlistDescription"
+          :video-count="videoCount"
+          :videos="playlistItems"
+          :view-count="viewCount"
+          :info-source="infoSource"
+          :is-invidious-playlist="isInvidiousPlaylist"
+          :origin="origin"
+          :more-video-data-available="moreVideoDataAvailable"
+          :search-video-mode-allowed="isUserPlaylistRequested && videoCount > 1"
+          :search-video-mode-enabled="playlistInVideoSearchMode"
+          :search-query-text="searchQueryTextRequested"
+          :theme="listType === 'list' ? 'base' : 'top-bar'"
+          class="playlistInfo"
+          @enter-edit-mode="playlistInEditMode = true"
+          @exit-edit-mode="playlistInEditMode = false"
+          @search-video-query-change="(v) => videoSearchQuery = v"
+          @prompt-open="promptOpen = true"
+          @prompt-close="promptOpen = false"
+        />
+      </div>
 
-    <ft-card
-      v-if="!isLoading"
-      class="playlistItemsCard"
-    >
-      <template
-        v-if="playlistItems.length > 0"
+      <ft-card
+        class="playlistItems"
       >
         <ft-select
           v-if="isUserPlaylistRequested && playlistItems.length > 1"
@@ -61,7 +78,7 @@
           @change="updateUserPlaylistSortOrder"
         />
         <template
-          v-if="visiblePlaylistItems.length > 0"
+          v-if="playlistItems.length > 0"
         >
           <ft-element-list
             v-if="listType === 'grid'"
@@ -78,6 +95,8 @@
             :can-move-video-down="!playlistInVideoSearchMode && isSortOrderCustom"
             :playlist-items-length="playlistItems.length"
             :can-remove-from-playlist="true"
+            :is-invidious-playlist="isInvidiousPlaylist"
+            :origin="origin"
             @move-video-up="moveVideoUp"
             @move-video-down="moveVideoDown"
             @remove-from-playlist="removeVideoFromPlaylist"
@@ -105,6 +124,8 @@
               :can-remove-from-playlist="true"
               :video-index="playlistInVideoSearchMode ? playlistItems.findIndex(i => i === item) : index"
               :initial-visible-state="index < 10"
+              :origin="origin"
+              :is-invidious-playlist="isInvidiousPlaylist"
               @move-video-up="moveVideoUp(item.videoId, item.playlistItemId)"
               @move-video-down="moveVideoDown(item.videoId, item.playlistItemId)"
               @remove-from-playlist="removeVideoFromPlaylist(item.videoId, item.playlistItemId)"
@@ -134,18 +155,11 @@
           v-else
         >
           <p class="message">
-            {{ $t("User Playlists['Empty Search Message']") }}
+            {{ $t("User Playlists['This playlist currently has no videos.']") }}
           </p>
         </ft-flex-box>
-      </template>
-      <ft-flex-box
-        v-else
-      >
-        <p class="message">
-          {{ $t("User Playlists['This playlist currently has no videos.']") }}
-        </p>
-      </ft-flex-box>
-    </ft-card>
+      </ft-card>
+    </template>
   </div>
 </template>
 
diff --git a/src/renderer/views/Watch/Watch.js b/src/renderer/views/Watch/Watch.js
index b696da3f5f838..d9e9f21969f7b 100644
--- a/src/renderer/views/Watch/Watch.js
+++ b/src/renderer/views/Watch/Watch.js
@@ -119,6 +119,8 @@ export default defineComponent({
       playlistId: '',
       playlistType: '',
       playlistItemId: null,
+      isInvidiousPlaylist: false,
+      origin: null,
       timestamp: null,
       playNextTimeout: null,
       playNextCountDownIntervalId: null,
@@ -1184,11 +1186,15 @@ export default defineComponent({
 
       this.playlistId = this.$route.query.playlistId
       this.playlistItemId = this.$route.query.playlistItemId
+      this.isInvidiousPlaylist = this.$route.query.playlistType === 'invidious'
+      this.origin = this.$route.query.origin
 
       if (this.playlistId == null || this.playlistId.length === 0) {
         this.playlistType = ''
         this.playlistItemId = null
         this.watchingPlaylist = false
+        this.playlistId = this.$route.query.playlistId
+        this.playlistItemId = this.$route.query.playlistItemId
         return
       }
 
diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue
index b927b20e13646..dbaec3bdee893 100644
--- a/src/renderer/views/Watch/Watch.vue
+++ b/src/renderer/views/Watch/Watch.vue
@@ -122,6 +122,8 @@
         :in-user-playlist="!!selectedUserPlaylist"
         class="watchVideo"
         :class="{ theatreWatchVideo: useTheatreMode }"
+        :origin="origin"
+        :is-invidious-playlist="isInvidiousPlaylist"
         @change-format="handleFormatChange"
         @pause-player="pausePlayer"
         @set-info-area-sticky="infoAreaSticky = $event"
@@ -176,6 +178,8 @@
         :playlist-type="playlistType"
         :video-id="videoId"
         :playlist-item-id="playlistItemId"
+        :is-invidious-playlist="isInvidiousPlaylist"
+        :origin="origin"
         class="watchVideoSideBar watchVideoPlaylist"
         :class="{ theatrePlaylist: useTheatreMode }"
         @pause-player="pausePlayer"
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index 765a0a53ee4b0..fc7c24ac04dc6 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -911,6 +911,9 @@ Playlist:
   View: View
   Views: Views
   Last Updated On: Last Updated On
+  Invidious Playlist Cannot Be Viewed Local: Invidious playlists cannot be viewed through the Local API, as the playlist is stored on "{invidiousInstance}"
+  Invidious Playlist Cannot Be Viewed IV: This Invidious playlist cannot be viewed through {currentInstance}, as the playlist is stored on "{invidiousInstance}"
+  View Playlist: View Playlist
   Sort By:
     Sort By: Sort By
     DateAddedNewest: Latest added first