EDIT: does not work on the latest iPhone - looking at Safari default settings for Autoplay.
Printable View
EDIT: does not work on the latest iPhone - looking at Safari default settings for Autoplay.
sorry if I'm late. I opened the example https://initiostar.co.uk/demo/VideoTest/ with safari on iphone but even in this case the video starts only by clicking on it
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:
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.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>
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
Thanks Initiostar!
Your instructions were successful!
I recreated my example page https://opencreative.it using the Initiostar instructions and using the playsinline command. The video starts regularly on iphone safari. It does not start up only if iphone is in Low Power Mode. thanks again!