[BUG] Sound recording displays full size media player for first section on page load (iPhone, Safari)

[elynema]

Describe the bug For sound recordings, Safari on iPhone is displaying a full size media player (black) for the first section on page load. When switching to the second section or going back to the first section, the normal audio only player appears.

Verified this is happening for both iOS 17 and 18. Happening for all sound recordings.

This is not happening on desktop or on Android devices.

To Reproduce Steps to reproduce the behavior:

1. Go to https://avalon-dev.dlib.indiana.edu/media_objects/gx41mh86p or https://avalon-dev.dlib.indiana.edu/media_objects/x920fw86z
2. Page loads with a full size media player, instead of the audio player
3. If you click on the second section, the audio player shows up instead.

Expected behavior Should see only the smaller audio player on page load for any audio only section.

Screenshots

Smartphone (please complete the following information):

• Device: iPhone 14, 15
• OS: iOS 17 and 18
• Browser: Safari

[elynema]

Looks good in iPad and iPhone Safari.