Instagram videos not playing in your website feed? Causes and fixes

Start here: what exactly do you see?

Open the live page in a normal browser window, not the editor of your website builder, and find the row that matches. The causes are explained in the sections that follow.

If the whole feed is missing, not just the videos, this is a different problem. Start with Instagram feed not showing on your website instead.

How video playback is supposed to work

It is easier to spot what’s wrong when you know what “working” looks like. In a Social Feed widget, video posts and Reels appear as square tiles showing the cover image, with a round play mark in the middle. Nothing moves in the grid or the slider. When a visitor clicks a video tile, a lightbox opens over the page, and the video starts playing there with the sound off and the browser’s video controls visible. The visitor can turn the sound on, pause or scrub. Closing the lightbox removes the video from the page.

So a video that doesn’t play in the grid is not a fault; tiles never play there. For the full picture of what visitors see, see showing Instagram videos and Reels on your website. This post sticks to what to do when that experience breaks.

1. A video shows as a still image with no play mark

This is the most common one, and it isn’t something you or the widget can switch off. Social Feed only adds a play mark to a tile when Instagram has actually sent the video file for that post. If the file is missing, the tile shows the cover image like a photo, and the lightbox shows that cover as a still picture, with a “View on Instagram” link underneath.

Why would the file be missing? Meta’s reference for Instagram media says the media_url field is omitted from responses if the media contains copyrighted material or has been flagged for a copyright violation, and it gives audio on Reels as an example. In everyday terms: a Reel that uses a popular song from Instagram’s music library will usually play inside Instagram but not on outside websites, because Instagram doesn’t hand the file over.

We deliberately leave the play mark off in this case. A play mark that does nothing when clicked would look broken, and visitors would assume your site has a problem.

How to confirm it: open the same post in the dashboard preview. If the tile there also has no play mark, the file isn’t available from Instagram, and no setting on your site will change that. Your options are:

1. Repost with audio you own. Your own voice-over, original sound or music you have the rights to use outside Instagram makes it far more likely that the file is provided.
2. Leave it as a still. The cover and caption still tell visitors what the video is about, and the link takes them to Instagram to watch it.
3. Hide that post from the widget. Add a word to its caption and use the caption keyword filter with “Exclude matching posts”. See filtering an Instagram feed by keyword.

2. Videos don’t appear in the feed at all

If the feed shows photos and carousels but no videos, one of the widget’s settings is almost always the reason. Open the widget’s Settings & preview and check these in order:

Two details catch people out. First, the Reels option only appears when Include video posts is on. If you turn videos off, the Reels choice is hidden and treated as All, so a leftover “Reels only” can’t empty the widget.

Second, the Reels filter relies on Instagram labeling a video as a Reel. If Instagram doesn’t report that label for a video, Social Feed treats it as a regular video. That means a “Reels only” widget can come up short or empty even though your profile has Reels, and an “Exclude Reels” widget can keep a video you think of as a Reel. If that happens, set the Reels option back to All and use a caption keyword instead to pick the posts you want. More on the Reels options is in how to show only Instagram Reels on your website.

Finally, Stories never appear. Meta’s media endpoint doesn’t include them, so a video you only shared as a Story can’t be in the feed. See embedding Instagram Stories on a website for what is possible.

3. Clicking a video tile does nothing, or opens Instagram

Videos play on your site only inside the lightbox. Whether the lightbox opens is decided by the widget’s On click setting:

If you want videos to play on your site, choose Open lightbox and save. Settings changes reach your site without new embed code. For help choosing, see lightbox or link to Instagram.

If the setting is already Open lightbox and clicks still do nothing on the live page, something on your page is probably catching the click before it reaches the feed. Typical examples are a transparent layer from a theme section, a sticky header that extends further down than it looks, or a page builder’s link wrapped around the whole section. A quick test: right-click a tile and choose Inspect. If the element that gets highlighted belongs to your theme rather than an image in the feed, that layer is sitting on top.

4. The lightbox opens, but the video doesn’t start

You click a tile, the lightbox opens with the cover image and the video controls, but nothing moves. In most cases the video is fine and the browser simply held back automatic playback. Pressing the play button in the controls starts it.

Browsers decide for themselves when a video may start on its own. MDN’s autoplay guide says you can assume media will be allowed to autoplay only if at least one of a few conditions is true. The first is that the audio is muted or the volume is set to 0; another is that the user has interacted with the site by clicking, tapping or pressing keys. The widget meets both: the video is muted, and it only starts after a visitor clicks a tile. That is why autoplay works for most visitors.

It can still be blocked, because people can change these rules. MDN notes that sites can be allowed or blocked manually through browser preferences, and lists Firefox options that block autoplay per site or prompt before playing. A visitor who has turned autoplay off everywhere will always see the first frame and the controls. Nothing on your side needs fixing; the controls are always shown so that one tap starts the video.

On iPhones and iPads, the video is set to play inline, inside the lightbox. MDN’s guide points out that the playsinline attribute is required for autoplay in Safari, so this is what lets the video start without jumping to the full-screen player.

5. The video plays, but there is no sound

This is expected. The widget starts every video muted, because browsers generally block video with sound from starting by itself. MDN describes the muted attribute as silencing the audio initially. Visitors turn the sound on with the volume button in the video controls.

There is no setting to start videos with sound, and adding one would mean many visitors saw a frozen video instead. If sound matters to your videos, a short line in the caption, such as “Tap the speaker for sound”, helps, and on-screen text helps visitors follow along before they unmute.

6. A Content Security Policy blocks the video

Some websites send a Content Security Policy (CSP), a list of the places the page is allowed to load things from. The video files in your feed load directly from Instagram’s servers, so the policy has to allow them. MDN describes the media-src directive as specifying valid sources for loading media using the audio and video elements, and notes that if it is absent, the browser falls back to default-src.

The telltale sign is that images in the feed load fine, the lightbox opens and shows the cover, but the video never plays, even when you press play. Images are covered by img-src, which the site owner may already have opened up for the feed, while video falls under media-src, which is easy to forget.

To confirm it, open your browser’s developer tools (F12, or Cmd+Option+I on a Mac), go to the Console tab, then open a video in the lightbox. A CSP block produces an error that mentions Content Security Policy and media-src, and names the blocked address. Add that host to media-src in your policy. The exact directives and examples for Apache, Nginx and meta tags are in Content Security Policy and Instagram feed widgets.

7. A content blocker or network filter stops the video

Ad blockers, privacy extensions and some company or school networks block requests to Instagram and Facebook servers. Depending on what they block, a visitor may see the feed with missing images, or images that load while the video doesn’t.

This only affects the visitors who use that extension or network, so you can’t fix it from your site. To tell whether it is the cause, try the page on your phone using mobile data with Wi-Fi switched off. If videos play there, the problem is local to the original browser or network. On an office network, the network administrator can tell you whether Instagram’s servers are filtered.

8. One particular video fails, and others play fine

If every other video plays and one doesn’t, look at that post on Instagram. If you deleted or archived it, the file may no longer be served. Meta’s platform overview says Instagram’s CDN URLs are privacy-aware and will not return the media when the content has been deleted or has expired.

Timing matters here. On paid plans, the widget asks Instagram for your posts each time the page loads, so a deleted post disappears from your site straight away. On the Free plan, the list of posts on your site is reused for up to 24 hours, so a post you deleted this morning can still sit in the feed until the list is refreshed, and its file may fail in the meantime. It drops out on its own at the next refresh. Changing a widget setting, such as the number of posts, also fetches a fresh list right away. For more on timing, see why an Instagram feed isn’t updating.

Meta doesn’t publish how long a file address stays valid. In practice, if a visitor has kept your page open in a tab for a long time and a video won’t start, reloading the page fetches the widget again and usually fixes it.

If the post still exists and still fails, check the Network tab in developer tools: filter by Media, open the video, and look at the status of the request. An error status means Instagram’s server refused or couldn’t find the file. If it keeps happening for a post that is live on Instagram, write to us at info@grip-space.co.jp with the page address and the post link.

9. A video inside a carousel can’t be reached

Carousel posts can mix photos and video clips. Social Feed shows a carousel as one tile, and what the lightbox shows depends on the Carousel posts setting:

Switch to All images in the lightbox if your carousels contain clips. Note that Include video posts doesn’t remove carousels: it looks at posts that are videos themselves, so a carousel with a clip still appears when videos are off. Moving away from a video slide stops it, and coming back starts it again from the beginning. A clip inside a carousel follows the same rules as any other video, so it can show as a still if Instagram didn’t provide its file. See Instagram carousel posts on your website.

10. Videos play in the preview but not on your site

The dashboard preview uses the same settings and the same playback as the embed on your site. If a video plays in the preview, the widget settings and the Instagram file are fine, and the difference is on your website. Work through these:

1. Are you on the live page? Many website builders don’t run scripts inside their editor, so the feed may not behave there. Check the published page.
2. Is it the same widget? If you have more than one widget, the page may contain the embed code of another one with different settings, for example Include video posts turned off. Compare the code on the page with the code in the dashboard. See multiple Instagram feeds on one website.
3. Does the console show an error? A media-src error points to a security policy (section 6). An error from a theme or plugin script can also stop other scripts on the page.
4. Does it work in a private window? If yes, an extension or browser setting is involved (sections 4 and 7).
5. Does it work on mobile data? If yes, the original network is filtering Instagram’s servers (section 7).

A two-minute check with developer tools

If you are comfortable opening your browser’s developer tools, this sequence finds the cause of most video problems quickly:

1. Open the live page, press F12 (or Cmd+Option+I on a Mac) and switch to the Console tab.
2. Click a video tile. If no lightbox opens, the click setting or an overlay is the cause (section 3).
3. If the lightbox opens, look at the console. A message mentioning Content Security Policy points to section 6.
4. Switch to the Network tab, filter by Media and open the video again. No request at all usually means the post has no video file (section 1) or a blocker stopped it (section 7). A request with an error status points to section 8.
5. If the request succeeds but the video sits still, press play. If it plays, autoplay was held back (section 4), which is a browser choice, not a fault.

Frequently asked questions

Can I make videos with copyrighted music play on my site? No. When Instagram doesn’t send the video file, there is nothing for any website to play. Reposting with audio you own is the only way to get that video playing on your site.

Can videos play in the grid instead of the lightbox? No. Tiles always show cover images, and videos play only when a visitor opens them in the lightbox.

Can videos start with sound? No. Browsers generally block video with sound from starting on its own, so playback starts muted and visitors turn the sound on.

Do I need a paid plan for videos to play? No. Videos, Reels and the lightbox work on every plan, including Free. Paid plans differ in how many widgets and posts you can have, how many views per month are included, and how quickly new posts appear. See pricing and what the free plan includes.

Does the widget work the same on every website platform? Video playback is the same wherever the embed code runs. Getting the code onto the page differs by platform; see our guides for WordPress, Shopify, Wix, Squarespace, Webflow and plain HTML.

Still stuck?

Send us the address of the page, the link to the Instagram post that won’t play and what you see, at info@grip-space.co.jp. If you haven’t set up a feed yet, create a free Social Feed account, connect your Instagram professional account and click a video in the preview to see how it plays before you publish.

Sources

1. Meta for Developers, “IG Media” reference: https://developers.facebook.com/docs/instagram-platform/reference/instagram-media
2. Meta for Developers, “IG User Media” reference: https://developers.facebook.com/docs/instagram-platform/instagram-graph-api/reference/ig-user/media
3. Meta for Developers, “Overview of the Instagram API”: https://developers.facebook.com/docs/instagram-platform/overview/
4. MDN Web Docs, “Autoplay guide for media and Web Audio APIs”: https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Autoplay
5. MDN Web Docs, “<video>: The Video Embed element”: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/video
6. MDN Web Docs, “CSP: media-src”: https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Content-Security-Policy/media-src