fix: media playback issue ai insights

app/__mocks__/react-native-video.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
 import { View } from 'react-native';
 
-const VideoMock = ({ testID }: { testID?: string }) => (
-  <View testID={testID ?? 'mock-video'} />
+type VideoMockProps = { testID?: string } & Record<string, unknown>;
+
+const VideoMock = ({ testID, ...rest }: VideoMockProps) => (
+  <View testID={testID ?? 'mock-video'} {...rest} />
 );
 
 VideoMock.displayName = 'VideoMock';

app/components/UI/MarketInsights/Views/MarketInsightsView/MarketInsightsView.test.tsx

@@ -345,6 +345,24 @@ describe('MarketInsightsView', () => {
     expect(queryByTestId(MarketInsightsSelectorsIDs.VIEW_CONTAINER)).toBeNull();
   });
 
+  it('configures background video to mix with other audio', () => {
+    mockUseMarketInsights.mockReturnValue({
+      report: buildMockReport(),
+      isLoading: false,
+      error: null,
+      timeAgo: '5m ago',
+    });
+
+    const { getByTestId } = renderWithProvider(<MarketInsightsView />);
+
+    const backgroundVideo = getByTestId(
+      MarketInsightsSelectorsIDs.BACKGROUND_ANIMATION,
+    );
+
+    expect(backgroundVideo.props.ignoreSilentSwitch).toBe('obey');
+    expect(backgroundVideo.props.mixWithOthers).toBe('mix');
+  });
+
   it('renders report content and handles tweet/swap/buy actions', () => {
     mockUseMarketInsights.mockReturnValue({
       report: {

app/components/UI/MarketInsights/Views/MarketInsightsView/MarketInsightsView.tsx

@@ -636,6 +636,8 @@ const MarketInsightsView: React.FC = () => {
               paused={false}
               controls={false}
               disableFocus
+              ignoreSilentSwitch="obey"
+              mixWithOthers="mix"
               onEnd={handleVideoEnd}
               testID={MarketInsightsSelectorsIDs.BACKGROUND_ANIMATION}
             />