Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Auto-play in Safari in iOS

How do I enable auto-play in Safari on iOS?

We are using a web app at our school and the sound effects are not playing in Safari. The developer has indicated that auto-play must be enabled in Safari to get this to work. I can enable auto-play in Safari on my MacBook (Big Sur 11.6) and can hear the web app sound effects but cannot get these effects to work in iOS, neither on iPads (7th gen) or iPhones running various versions of iOS 14 and 15.

iPad (6th gen) WiFi

Posted on Sep 28, 2021 6:30 PM

Axel Foley

Posted on Sep 28, 2021 9:45 PM

Can anyone in your school hear those sound effects while using an iPhone or an iPad? If no one can then the issue is how the developer has written the website. The developer has probably created the website versions to act as a Desktop Site or to act as a Mobile Site. Some features may have been left off of the Mobile version which you may be loading on your iPhone and iPad.

Loading page content

Page content loaded

Sep 28, 2021 9:45 PM in response to honkindonkey

Sep 30, 2021 10:41 AM in response to honkindonkey

I understand YOUR iOS devices do not work well with that website in question. What about your friends in school? Do their iOS devices work with that website? That thought process here is to rule out that it is an issue only with YOUR iOS devices. If others are having the same issue then it is clearly something in the development on that website whereby that website is not performing as intended.

As you have found out, there is no direct setting for Safari to turn OFF/ON Auto Play videos. You appear to have tried everything else including Settings ➔ Accessibility ➔ Motion ➔ AutoPlay Video Previews : Setting this to ON.

I am also not sure why the developer is telling you to turn ON AutoPlay without showing you how (There is no direct way).

Sep 30, 2021 9:10 AM in response to Axel Foley

Axel, thanks for the reply. iOS is displaying the client's desktop site. I've switched between mobile and desktop sites but no luck.

No sound effects on any device using iOS. I've tried with both school and personal iOS devices attempting to rule out any issue in MDM config but we're seeing the same issue on all iOS devices. Browsers on Android work fine, as do Windows desktop and macOS but any browser tested on iOS (Safari, Firefox, Chrome) yield the same result--no sound effects.

Is there a way to enable auto-play in Safari on iOS? The only resources I can find are either outdated or demonstrate how to enable in Safari on macOS, but the latter instructions are not replicable in iOS. I've tested on another site that uses browser sound effects and getting the same results. I've also adjusted various settings in Notifications, Sounds, Motion, etc., including a factory reset on one device, but still nothing. The developer is suggesting enabling auto-play or trying another browser but I'm coming up empty handed.

I appreciate the help.

Sep 30, 2021 12:38 PM in response to Axel Foley

Sorry for the confusion. When I referred to "devices," I meant all the iOS devices under management of the school's MDM policy plus my own personal iOS devices which are managed by me. We tried a sampling of 20+ school-managed devices (used during staff training, demonstration and implementation), seven staff personal devices, five of my own, my wife's, our daughters', etc., and none are functioning as desired.

Thank you for your feedback. Have a great day.

COMMENTS

  1. Auto-play in Safari in iOS

    The developer has indicated that auto-play must be enabled in Safari to get this to work. I can enable auto-play in Safari on my MacBook (Big Sur 11.6) and can hear the web app sound effects but cannot get these effects to work in iOS, neither on iPads (7th gen) or iPhones running various versions of iOS 14 and 15. iPad (6th gen) WiFi.

  2. ios

    Here is a simple solution to auto-play the video in IOS, I've already tried and it is perfectly working on IOS, Android, also on all the browsers on various platforms. simply use (data-wf-ignore) and (data-object-fit) Attributes for the video and data-wf-ignore for the source tag.. You can see the working example with code here at this Snippet: