HTML Video element, not working after iosSafari15 update

Question

Created Sep ’21

Replies 27

Boosts 3

Views 40k

Participants 37

hi,

after update(ios15.0) of my iPhone12, video element on my website, what im using as video background of website has stopped working. all others browsers is working properly.

all i can see is white blank background instead of background video. it looks like video cannot be loaded or played.

html:

<video playsinline
      autoplay
      muted
      loop
      class="uvodna__bg-video"
>
    <source src="/wp-content/themes/imtsmile2021/video/bg-video.mp4" type="video/mp4" />
</video>

can you recommend me some tips to fix that issue? thank you

Answer 1

abhi123 OP

Apr ’23

add poster attribute and add any random poster

Answer 2

Mohamed-Amras OP

Mar ’25

<video autoplay="" preload="yes" loop="loop" muted="" playsinline  poster="assets/images/video/banner-01.png">
        <source src="assets/images/video/banner-01.mov" type="video/mp4">
        <source src="assets/images/video/banner-01.mp4" type="video/mp4">
    </video>

It works in my browser. mov video form make it mp4(video/mp4). ex: <source src="video.mov" type="video/mp4">