feat(MusicKitMusicPlayerService): support music videos

Author: Im-Beast

src/services/MusicPlayer/MusicKitMusicPlayerService.ts

@@ -146,7 +146,7 @@ export class MusicKitMusicPlayerService extends MusicPlayerService<MusicKitSong>
 			MusicKit.CatalogSearchQuery
 		>("/v1/catalog/{{storefrontId}}/search", {
 			term,
-			types: ["songs"],
+			types: ["songs", "music-videos"],
 			limit: 25,
 			offset,
 		});
@@ -248,6 +248,10 @@ export class MusicKitMusicPlayerService extends MusicPlayerService<MusicKitSong>
 					break;
 			}
 		});
+
+		// NOTE: Required for Music Videos to work
+		const dummyVideoContainer = document.createElement("div");
+		music.videoContainerElement = dummyVideoContainer;
 	}
 
 	handleDeinitialization(): void {}

src/types/musickit/instance.ts

@@ -97,6 +97,7 @@ declare global {
 			readonly developerToken: string;
 			musicUserToken?: string;
 			isAuthorized: boolean;
+			videoContainerElement?: HTMLElement;
 
 			readonly nowPlayingItem?: MediaItem;
 			/** The volume of audio playback, which is set directly on the HTMLMediaElement as the HTMLMediaElement.volume property. This value ranges between 0, which would be muting the audio, and 1, which would be the loudest possible. */