Fix overflow, add bg to no-thumb state

src/view/com/util/post-embeds/ExternalPlayerEmbed.tsx

@@ -227,7 +227,15 @@ export function ExternalPlayer({
       <Animated.View
         ref={viewRef}
         collapsable={false}
-        style={[aspect, a.rounded_sm]}>
+        style={[
+          aspect,
+          a.rounded_sm,
+          a.overflow_hidden,
+          {
+            borderBottomLeftRadius: 0,
+            borderBottomRightRadius: 0,
+          },
+        ]}>
         {link.thumb && (!isPlayerActive || isLoading) ? (
           <>
             <Image
@@ -257,15 +265,29 @@ export function ExternalPlayer({
             />
           </>
         ) : (
-          <MediaInsetBorder
-            opaque
-            style={[
-              {
-                borderBottomLeftRadius: 0,
-                borderBottomRightRadius: 0,
-              },
-            ]}
-          />
+          <>
+            <Fill
+              style={[
+                a.rounded_sm,
+                {
+                  backgroundColor:
+                    t.name === 'light' ? t.palette.contrast_975 : 'black',
+                  borderBottomLeftRadius: 0,
+                  borderBottomRightRadius: 0,
+                  opacity: 0.3,
+                },
+              ]}
+            />
+            <MediaInsetBorder
+              opaque
+              style={[
+                {
+                  borderBottomLeftRadius: 0,
+                  borderBottomRightRadius: 0,
+                },
+              ]}
+            />
+          </>
         )}
         <PlaceholderOverlay
           isLoading={isLoading}