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,6 +265,19 @@ export function ExternalPlayer({
             />
           </>
         ) : (
+          <>
+            <Fill
+              style={[
+                a.rounded_sm,
+                {
+                  backgroundColor:
+                    t.name === 'light' ? t.palette.contrast_975 : 'black',
+                  borderBottomLeftRadius: 0,
+                  borderBottomRightRadius: 0,
+                  opacity: 0.3,
+                },
+              ]}
+            />
             <MediaInsetBorder
               opaque
               style={[
@@ -266,6 +287,7 @@ export function ExternalPlayer({
                 },
               ]}
             />
+          </>
         )}
         <PlaceholderOverlay
           isLoading={isLoading}