-
-
Notifications
You must be signed in to change notification settings - Fork 4.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Background video not auto playing on mobile iOS safari browser used svelte to build the website #7296
Comments
Did this issue have any update? Still reporting it on desktop safari, Chrome is fine |
The video format is |
Does that mean H.264 is now unsupported on iOS? |
I think you are referring to safari browser not the iOS.
If you have a video already in |
Surprisingly, Safari supports background video as a background image. You can use a combination of video element and background image to get it to work in all modern browsers. Here's a working background video on my website using the same principle: https://thedevengine.com I couldn't get it to work using any other solution I found on google UPDATE: My website has been updated and above link doesn't have a background video anymore. Though I have written an article on how to fix it here: |
Thank you, Avinash! This issue keeps popping up every once in a while and it seems that every time, the conditions for why it doesn’t work change. This now works in all browsers I tested. |
Describe the bug
Video tag no auto play on page load only in
iOS
mobile environment. I have not checked oniPad
, it does play onMacbook 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 themp4
file hasno 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>
playsInline
still same issueReproduction
I have deployed the video hereusing github pages you can open the link through apple mobile devices
iPhone
oriPad
and check the issue yourself.It is not playing on
Chrome
andSafari
browser, I guess it might be the same for other browsers as wellLogs
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
The text was updated successfully, but these errors were encountered: