[BUG]Playback fast-forwards or pauses unexpectedly when switching tabs on muted media (iPad)

[abankhele]

Describe the bug
On iPad, if the audio or video player is muted and the page is reloaded, switching to another tab causes the playback duration to fast-forward beyond the time spent away. On desktop and Android, playback pauses when the tab is inactive and resumes from the previous timestamp upon returning.

To Reproduce
Steps to reproduce the behavior:
Go to 'https://avalon-dev.dlib.indiana.edu/media_objects/x920fw86z' ensure it is muted, and click Play.
Switch to another tab and remain there for a set time (e.g., 10 seconds).
Return to the media tab.
Observe:
On iPad, the playback duration has advanced beyond the time spent on the other tab.
On desktop and Android, playback pauses while away, then resumes from the paused timestamp upon returning.

Expected behavior
Playback should continue smoothly from the correct duration on all devices, without pausing or fast-forwarding when switching tabs.

Screenshots
Attached video are for ipad and desktop

Private Zenhub Video

Private Zenhub Video

Desktop (please complete the following information):

• OS: macos
• Browser: Chrome

Smartphone (please complete the following information):

• Device: ipad, andriod
• OS: ios 16, andriod 13
• Browser: safari, chrome

[joncameron]

This should be checked against a non-Avalon page; time didn't seem to continue while Ramp was in the background. If both tabs are Avalon pages with Ramp running, this overlap could be the cause.