Why is the video tag not working on iphone?

Question

HTML

Everything works great on android, but on iphone just one frame with video and that's it, what could be the reason?

<video class="video" loop autoplay muted poster="">
  <source src="/wp-content/themes/Hooligun/video/hero.mp4" type="video/mp4" />
</video>

video.video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
}

Answer 1

Try playsinline or playsInline . You may also need to add controls="true"