[Issue]: Media Player Shows Default Image on iOS Devices Behind Thumbnail

[melissadrexler]

Describe the Issue in Detail

The default icon shows behind the thumbnail image on iOS devices for the Media Player.

Can reproduce in

• Orange App
• Blue App

Steps to Reproduce

1. Add the Media Player to a page
2. Provide content with a thumbnail image
3. Set the InitialAspectRatio to 1:1 for a square image
4. Load the page

Expected Behavior

The default player icon would only show if a thumbnail image was not provided.

Actual Behavior

The default player icon always shows behind the image on iOS devices.

Screenshots or Videos

Reproduction XAML

<Rock:MediaPlayer
            Source="https://my.itownchurch.com/GetFile.ashx?guid={{ contentchannelitem | Attribute:'AudioFileUpload', 'RawValue' }}"
            ThumbnailSource="https://my.itownchurch.com/GetImage.ashx?guid={{ contentchannelitem | Attribute:'AudioGraphic', 'RawValue' }}"
            InitialAspectRatio="1:1"
            AutoPlay="true"
            Title="One Year Bible - {{ contentchannelitem.StartDateTime | Date:'MMMM d' }}"/>

Mobile Shell Version

v5

Last Known Working Version

Not sure, we didn't think it always happened, so maybe v4

iOS Device Type(s) and iOS Version(s)

iPhone 11 running 16.6

Android Device Type(s) and Android Version(s)

N/A