[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.

[github-actions]

This issue is stale because it has been open for 30 days with no activity. If there won't be any activity in the next 14 days, this issue will be closed automatically.

[github-actions]

This issue was closed because it has been inactive for 14 days since being marked as stale.

[freeboub]

I think your issue comes from viewType={ViewType.SURFACE} can you try with textureView ?
I think the shutter view is transparent, but the video surface behind is black