MAUI CommunityToolkit MediaElement a grey screen is showing in non full screen mode.

Question

MAUI CommunityToolkit MediaElement a grey screen is showing in non full screen mode.

Kannan P S 5

In my MAUI application, the CommunityToolkit MediaElement a grey screen is showing when the video is playing in non full screen mode. In full screen mode the video is playing correctly. I have changed the source video but the issue is still appearing.

Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,166 Reputation points Microsoft External Staff

2024-04-23T01:16:05.3133333+00:00
For further investigation, could you please provide the following information?

The MAUI version.

On which platform does this problem occur and what is its API Level?

Could you please provide the steps to reproduce this issue and update it to the question?

Your prompt reply will be highly appreciated.
Kannan P S 5 Reputation points

2024-04-23T04:30:36.98+00:00
I am using net MAUI 8.0

The issue occur in Android version 10 and API level 29.

I am put the media element in a scroll view of a carousel page.

Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,166 Microsoft External Staff

I tested the MediaElement on the same API version using the following layout, and there was no issue with it not being able to play.

<ScrollView>
        <VerticalStackLayout
            Padding="30,0"
            Spacing="25">
            <CarouselView x:Name="test" ItemsSource="{Binding Items}">
                <CarouselView.ItemTemplate>
                   <DataTemplate>
                        <ScrollView>
                            <toolkit:MediaElement ShouldAutoPlay="True" Source="" HeightRequest="200" WidthRequest="300"/>
                        </ScrollView>
                    </DataTemplate>
                </CarouselView.ItemTemplate>
            </CarouselView>
        </VerticalStackLayout>
    </ScrollView>

Could you please provide minimal code that reproduces this issue and update it into the question?