Why autoplay is blocked
To protect users from unexpected sound, browsers allow autoplay only when the video is muted (or after the user has interacted with the site). Muted autoplay is always allowed.
Autoplay an HTML5 video
<video autoplay muted loop playsinline poster="poster.jpg"> <source src="clip.mp4" type="video/mp4"> </video>
playsinline keeps the video in the page on iPhone instead of opening fullscreen.
Autoplay a YouTube or Vimeo embed
YouTube: add autoplay=1&mute=1. Vimeo: add autoplay=1&muted=1. Our YouTube and Vimeo generators add these for you.
Details for YouTube: How to autoplay embedded YouTube videos.
When not to autoplay
- Long videos with important audio.
- Several autoplaying videos on one page.
- Pages where speed matters most — autoplay loads the video immediately.
Frequently asked questions
How do I autoplay video in Webflow?
For Webflow autoplay video, use a Background Video element (always muted and looping) or add autoplay, muted and playsinline to a video tag in a Code Embed.
Why won’t my video autoplay?
It isn’t muted, or it’s missing playsinline on iOS.
Can a video autoplay with sound?
Only after the user has interacted with the site; don’t rely on it.
Related
How to autoplay embedded YouTube videosAdd ?autoplay=1&mute=1 to the YouTube embed URL.HTML Video Tag: Complete GuideThe HTML <video> element plays video files natively.YouTube Embed Code GeneratorPaste any YouTube link and get a responsive embed code in seconds.How to add a video backgroundUse a short, muted, looping MP4 behind your content, with a poster image and a dark overlay for readable text.