I want the thumbnail to be displayed with play icon in center. When user clicks on the play icon, video should start playing. Also some more customisations as shown in the attached image. Thumbnail will show video title at the top left corner full screen button on the top right corner Play button in the middle Video duration in the right bottom corner thumbnail image in background Please refer attached image for more clarity on my requirements. I will highly appreciate if you can suggest any way forward.

How to show thumbnail image when mediaelement loads on page?

Vinayak Nikam 61

I want the thumbnail to be displayed with play icon in center. When user clicks on the play icon, video should start playing. Also some more customisations as shown in the attached image.

Thumbnail will show video title at the top left corner
full screen button on the top right corner
Play button in the middle
Video duration in the right bottom corner
thumbnail image in background

Please refer attached image for more clarity on my requirements. I will highly appreciate if you can suggest any way forward.

JarvanZhang 23,951 Reputation points

2021-01-29T12:03:17.757+00:00

Hi, VinayakNikam-2649. Xamarin.CommunityToolkit.MediaElement doesn't provide the property to customize the playback controls. It supports the similar function that implements the custom transport controls: https://learn.microsoft.com/en-us/xamarin/community-toolkit/views/mediaelement#implement-custom-transport-controls

Someone reported an enhancement about the function, you could add your requirement on the topic .Here it the topic link:
https://github.com/xamarin/XamarinCommunityToolkit/issues/650

Share via

How to show thumbnail image when mediaelement loads on page?