Show banner show image during playing video

[Hai4320]

MAX Plugin Version

4.0.2

Flutter Version

3.22.3

Device/Platform Info

Sony Xperia XQ-AT52

Current Behavior

I'm currently using two libraries simultaneously: video_player: ^2.9.2 and applovin_max: ^4.0.2.
When displaying a popup with an AppLovin banner over a screen that's playing a video, the banner shows an image of the playing video instead of the ad.

Expected Behavior

Show banner ads

How to Reproduce

Displaying a popup with an AppLovin banner over a screen that's playing a video, the banner shows an image of the playing video instead of the ad

Reproducible in the demo app?

No

Additional Info

This issue only produce on Android device

[alhiwatan]

@Hai4320, based on your description, it seems the issue may be related to video_player causing video plane confusion, where the banner ad inadvertently displays a frame from the playing video instead of the ad content. This behavior can occur due to how video rendering systems handle overlapping surfaces or layers.

To troubleshoot, could you try the following:

• Ensure the banner ad is rendered in a layer above the video_player widget in the widget tree. You can use Stack or similar widgets to control the z-ordering.

• Try creating the banner ad after the video_player starts playing, as this might help reset the display plane.

• Not familiar with the Flutter video_play, but enable hybrid composition or texture mode for video_player, as these modes handle rendering differently.

[Hai4320]

@alhiwatan
Thank you for your detailed feedback!

As you explained, I understand that the issue is mostly related to the video_player, specifically ExoPlayer.

I have tried two approaches: using a Stack and starting the video_player first, but neither worked. Regarding the video_player library, I haven't found a way to enable hybrid composition or texture mode yet.

Currently, my app has to hide the banner on certain screens due to this issue.