fix: iframe credentialless

packages/app/src/Components/Embed/AppleMusicEmbed.tsx

@@ -6,6 +6,7 @@ const AppleMusicEmbed = ({ link }: { link: string }) => {
     <iframe
       allow="autoplay *; encrypted-media *; fullscreen *; clipboard-write"
       frameBorder="0"
+      credentialless=""
       height={isSongLink ? 175 : 450}
       style={{ width: "100%", maxWidth: 660, overflow: "hidden", background: "transparent" }}
       sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation"

packages/app/src/Components/Embed/HyperText.tsx

@@ -47,6 +47,7 @@ export default function HyperText({ link, depth, showLinkPreview, children }: Hy
     if (youtubeId) {
       return (
         <iframe
+          credentialless=""
           className="-mx-4 md:mx-0 w-max my-2"
           src={`https://www.youtube.com/embed/${youtubeId}`}
           title="YouTube video player"

packages/app/src/Components/Embed/MediaElement.tsx

@@ -90,6 +90,7 @@ const VideoElement = ({ url }: VideoElementProps) => {
         "md:h-[510px]": !CONFIG.media.preferLargeMedia,
       })}>
       <video
+        crossOrigin="anonymous"
         ref={videoRef}
         loop={true}
         muted={!isMobile}

packages/app/src/Components/Embed/MixCloudEmbed.tsx

@@ -10,6 +10,7 @@ const MixCloudEmbed = ({ link }: { link: string }) => {
     <>
       <br />
       <iframe
+        credentialless=""
         title="SoundCloud player"
         width="100%"
         height="120"

packages/app/src/Components/Embed/SoundCloudEmded.tsx

@@ -1,6 +1,7 @@
 const SoundCloudEmbed = ({ link }: { link: string }) => {
   return (
     <iframe
+      credentialless=""
       width="100%"
       height="166"
       scrolling="no"

packages/app/src/Components/Embed/SpotifyEmbed.tsx

@@ -3,6 +3,7 @@ const SpotifyEmbed = ({ link }: { link: string }) => {
 
   return (
     <iframe
+      credentialless=""
       style={{ borderRadius: 12 }}
       src={convertedUrl}
       width="100%"

packages/app/src/Components/Embed/TidalEmbed.tsx

@@ -52,7 +52,7 @@ const TidalEmbed = ({ link }: { link: string }) => {
         {link}
       </a>
     );
-  return <iframe src={source} style={extraStyles} width="100%" title="TIDAL Embed" frameBorder={0} />;
+  return <iframe src={source} style={extraStyles} width="100%" title="TIDAL Embed" frameBorder={0} credentialless="" />;
 };
 
 export default TidalEmbed;

packages/app/src/Components/Embed/TwitchEmbed.tsx

@@ -2,7 +2,7 @@ const TwitchEmbed = ({ link }: { link: string }) => {
   const channel = link.split("/").slice(-1);
 
   const args = `?channel=${channel}&parent=${window.location.hostname}&muted=true`;
-  return <iframe src={`https://player.twitch.tv/${args}`} className="w-max" allowFullScreen={true}></iframe>;
+  return <iframe src={`https://player.twitch.tv/${args}`} className="w-max" allowFullScreen={true} credentialless=""></iframe>;
 };
 
 export default TwitchEmbed;

packages/app/src/Components/Embed/WavlakeEmbed.tsx

@@ -3,6 +3,7 @@ const WavlakeEmbed = ({ link }: { link: string }) => {
 
   return (
     <iframe
+      credentialless=""
       style={{ borderRadius: 12 }}
       src={convertedUrl}
       width="100%"