Video not autoplaying in IOS

Question

I am trying to figure out why the video is not autoplaying in IOS devices?

<div class="video-container">
<video id="intro-video" video-src="https://www.w3schools.com/html/mov_bbb.mp4" poster="" playsinline autoplay muted loop>
    <source video-src="https://www.w3schools.com/html/mov_bbb.mp4" video-width="1600" playsinline autoplay muted loop>
    <source video-src="https://www.w3schools.com/html/mov_bbb.mp4" video-width="900" playsinline autoplay muted loop>
    <source video-src="https://www.w3schools.com/html/mov_bbb.mp4" video-width="480" playsinline autoplay muted loop>
</video>

Playsinline is already added as described in the IOS video documentation

webkit-playsinline is not added

have you check battery save mode / low power mode in your IPhone? If it's on the autoplay wouldn't work. — muhkanda, Nov 04 '21 at 10:05
Have you read this? https://stackoverflow.com/questions/51226793/video-autoplay-doesnt-work-on-all-iphone — muhkanda, Nov 04 '21 at 14:06
Or this? https://stackoverflow.com/questions/64968386/autoplay-video-html-on-safari-ios-14-2 — muhkanda, Nov 04 '21 at 14:06

score -1 · Answer 1 · answered Nov 04 '21 at 08:30

-1

Most modern web-browsers don't allow to auto-play audio and video if there is no interaction from the user, as a click on the webpage.

answered Nov 04 '21 at 08:30

Aviv Ben Shahar

268
1
8

Video not autoplaying in IOS

1 Answers1