Background video not auto playing on mobile iOS safari browser used svelte to build the website

Describe the bug

Video tag no auto play on page load only in iOS mobile environment. I have not checked on iPad, it does play on Macbook air

I have followed everything mentioned by Delivering Video Content for Safari It is an MP4 file format as suggested

<video autoplay playsinline>

I though early on that this might be a programming issue so raised the issue stackoverflow as well Background video not auto playing on safari browser used svelte to build the website

Used muted as well the mp4 file has no audio.

<video autoplay playsinline muted>

Many users facing the same issue from long time HTML5 Video Background not playing Safari on iPhone HTML5 Video tag not working in Safari , iPhone and iPad I even tried <video autoplay playsInline muted> playsInlinestill same issue

Reproduction

I have deployed the video hereusing github pages you can open the link through apple mobile devices iPhone or iPad and check the issue yourself.

It is not playing on Chrome and Safari browser, I guess it might be the same for other browsers as well

Logs

I don't have an apple device, a friend told me he could not view the video on website through his `iPhone`

System Info

Don't have `iPhone` or `iPad` to give more details sorry

Severity

annoyance

[santhoshnumberone]

The video format is AV1 which is not supported by safari on any apple device source. You could use HEVC/X265 format as it is supported on apple device source. Best approach would be to have video source pointing to three different format AV1,X265 and WebM let the browser decide which one it wants to use.

[Prinzhorn]

https://github.com/sveltejs/svelte/search?q=video+autoplay&type=issues https://github.com/sveltejs/svelte/issues/6536