Originally Posted by
Initiostar
EDIT: does not work on the latest iPhone - looking at Safari default settings for Autoplay.
Short Note: there are now autoplay controls for iOS; for the later iPhones, a user can set/ change the default to autoplay or not (with some additional options too). Where a user sets the 'Low Power Option', the autoplay/muted combo does not work at all.
A website designer cannot control these options remotely - the user could simply see what looks like a still image in the background on an iPhone (usually the first frame); there would be no value in that user having to start a background video either - just a distraction from the content.
Adding "playsinline" to the code may help (so they say), but it will not override any user settings:
Code:
<video id="my-video" width="100%" height="100%" controls autoplay loop muted playsinline >
<source src="https://initiostar.co.uk/demo/videotest1.mp4" type="video/mp4">
</video>
Long Read: with the above code and the mobile variant "id=my-mvideo" https://initiostar.co.uk/demo/VideoTest/. Best guess at configuring an iPhone autoplay is on the desktop variant.
Where this situation could arise, I have previously used a still image for the mobile variant (single frame from the video) e.g. https://hypnosis-retreat.co.uk/ or ensured the video by its content (playing or not) does not impact the user's viewing experience.
Don't have an iPhone to hand (so can't tell if this is fact or fiction).
Gary
Bookmarks