Hello.
web design 17
I have a video on the site with a 40% transparent rectangle png on it.
I have disabled the retina function.
Only on iphone the video is not seen.
It can happen?
Is there a reliable emulator IOS to test the site?
thank you
Printable View
Hello.
web design 17
I have a video on the site with a 40% transparent rectangle png on it.
I have disabled the retina function.
Only on iphone the video is not seen.
It can happen?
Is there a reliable emulator IOS to test the site?
thank you
Can you post a link to the site and those of us with iPhones can look and see if we can see the video
.
Thanks gwpriester's for replying.
I created a sample page only in mobile version with 2 videos.
In the first video the code is this: <video class = "xar_meplayer" src = "index_htm_files / videotest1.mp4" controls autoplay width = "100%" height = "100%" />
In the second video the code is this: <video src = "index_htm_files / videotest1.mp4" controls autoplay width = "100%" height = "100%" />
A friend of mine says that on safari the video doesn't start automatically.
I know that Safari in 2018 disabled media autoplay.
the example site: opencreative.it
OK Opencreative.it does not auto-start in Safari or Edge on my iPhone.
Acorn, Gary, Egg, Chris, Siran, someone, is there a script that will start the video automatically?
Can't help with Safari (no Apple devices) but the autoplay works with Edge on Android. Maybe iOS rather than browser?
@megapixel51, you state on your site that you removed the Xara player code...I agree, let the browser look after the controls.
Chris - The video did not automatically start in Edge or Safari on my iPhone with the latest iOS.
Must be.Quote:
That makes me wonder if it's iOS rather than browser.
I ask you 2 questions. Have you ever had problems like this? What is the correct way to insert videos on a page?
Could you check whether this video (reformatted) works on Safari: https://initiostar.co.uk/demo/VideoTest/
Might be able to help, but depends on the answer.
Gary
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!