playsinline not working for video on iOS?

user_2636454 0
Viewed 5768

I have a site that uses a video with the following code:

<video class="hero-video-actual" autoplay loop muted playsinline>
  <source src="/content/video.mp4" type="video/mp4">
</video>

I need the video to autoplay on iOS. It autoplays just fine on Android and desktop, but not iOS. I'm not sure why. Everything I see online says that if you use the playsinline attribute, you should be good. But it's not working for me, and I know of no way to inspect the browser console in iOS.

playback html5-video ios
1 Answers

You need to edit your Code like this:

<video 
  class="hero-video-actual" 
  autoplay 
  loop 
  muted 
  playsinline 
  src="/content/video.mp4" 
  type="video/mp4">
</video>

the "src-path" dont need a own tag, you should include it in the <video> tag

user_79352390
Related