Fix HTML5 Video tag not working in Safari, iPhone, and iPad

Share Now

Share on facebook
Share on pinterest
Share on twitter
Share on linkedin
Share on email

#Will not work

<video autoplay="true" loop="true" muted>
    <source src="example.mp4" type="video/mp4">
</video>

#Will Work.. have to add playsinline attribute

<video autoplay="true" loop="true" playsinline muted>
    <source src="example.mp4" type="video/mp4">
</video>

https://youtu.be/M1UzCyJHdwQ

Nahid Mahamud

Nahid Mahamud

Web Developer | Graphic Designer | WordPress & Woo-commerce Expert