[BUG]: shutter color transparent does not work when the video is mounted

[quangtuan28200]

Version

6.8.2

What platforms are you having the problem on?

Android

System Version

android 14

On what device are you experiencing the issue?

Real device

Architecture

Old architecture

What happened?

I'm using react-native 0.74.3, shutter color transparent does not work when the video is mounted but work with color

Reproduction Link

none

Reproduction

with transparent, shutter color is black when the video is mounted

media_20241211_232857_2135437438633459419.mp4

with blue, shutter color work perfectly

media_20241211_232857_2557233646497339170.mp4

here is my code:

const [open, setopen] = useState(false);
const [isLoadingVideo, setIsLoadingVideo] = useState(true);
const videoref = useRef<VideoRef>(null);

return (
<View style={{ paddingTop: 100, height: 600 }}>
	<Button
		title="TOGGLE"
		onPress={() => {
			setopen(prev => !prev);
			setIsLoadingVideo(true);
		}}
	/>
	<Button
		title="NEXT"
		onPress={() => {
			setIsLoadingVideo(true);
			videoref.current?.setSource({ uri: 'https://videos.pexels.com/video-files/5752729/5752729-uhd_2560_1440_30fps.mp4' });
		}}
	/>
	<Button
		title="PREV"
		onPress={() => {
			setIsLoadingVideo(true);
			videoref.current?.setSource({ uri: 'https://videos.pexels.com/video-files/3195394/3195394-uhd_2560_1440_25fps.mp4' });
		}}
	/>
	{open && (
		<View style={{ justifyContent: 'center', alignItems: 'center' }}>
			<Video
				ref={videoref}
				viewType={ViewType.SURFACE}
				style={{ width: '100%', aspectRatio: 16 / 9 }}
				source={{ uri: 'https://videos.pexels.com/video-files/3195394/3195394-uhd_2560_1440_25fps.mp4' }}
				shutterColor="transparent" // blue
				onReadyForDisplay={() => setIsLoadingVideo(false)}
			/>

			{isLoadingVideo && <ActivityIndicator style={{ position: 'absolute' }} size="large" color={COLORS.RED} />}
		</View>
	)}
</View>
);

[github-actions]

Previous bot comment (click to expand)

Thank you for your issue report. Please note that the following information is missing or incomplete:

• what happened?

Please update your issue with this information to help us address it more effectively.

Note: issues without complete information have a lower priority

[github-actions]

Thank you for your bug report. We will review it and get back to you if we need more information.