Skip to main content

How to Embed a Facebook Video in Your Website (Step by Step)

Embedding video into a web page

Short answer: to embed a Facebook video, open the video, use its menu to get the official Embed code, and paste that code into your web page's HTML. The video must be public for it to show to your visitors. Here is the full step-by-step, plus how to make it responsive and fix the common "video not showing" problem.

Step 1: Get the embed code from Facebook

  1. Open the Facebook video on desktop.
  2. Click the three-dot menu on the post and choose Embed.
  3. Facebook shows you the embed code. Copy it. You can toggle whether to include the full post.

Step 2: Paste it into your site

Paste the copied code into your page where you want the video, in an HTML block (in WordPress use a Custom HTML block; in Blogger switch the editor to HTML view). The embed includes both a script snippet and a container div; keep both.

Step 3: Make it responsive

Facebook's default embed has a fixed width, which can overflow on mobile. Wrap it so it scales, and set the data-width attribute to a flexible value. A simple approach is to put the embed inside a container with max-width: 100% and let the Facebook SDK handle sizing with data-width="auto".

Why the video must be public

Facebook only embeds videos whose privacy is set to Public. If the original post is restricted to friends or a group, your visitors will see nothing, because they do not have permission to view it. Always confirm the source video is public before embedding.

Troubleshooting: video not showing

SymptomLikely cause / fix
Blank space where video should beVideo is not public, or the SDK script was stripped
Overflows on mobileAdd responsive wrapper / data-width="auto"
Works in preview, not liveYour platform stripped the script tag; use a raw HTML block

The non-obvious tip: consider a thumbnail-plus-link for speed

Every embedded Facebook video loads Facebook's SDK, which adds weight and trackers to your page. If page speed matters and you only have one video, a clickable thumbnail image linking to the video can be far lighter than a live embed. Embed when interaction on-page matters; link when speed does.

Frequently asked questions

How do I embed a Facebook video on my website?

Open the video on desktop, use the three-dot menu to choose Embed, copy the code, and paste it into an HTML block on your page. The video must be public.

Why is my embedded Facebook video not showing?

Usually the video is not set to Public, or your platform stripped the embed's script tag. Confirm the video is public and paste into a raw HTML block.

How do I make an embedded Facebook video responsive?

Wrap it in a container with max-width 100% and use data-width='auto' so the Facebook SDK scales it to fit smaller screens.

Does embedding Facebook videos slow down my site?

Somewhat, because each embed loads Facebook's SDK. For a single video where speed matters, a thumbnail linking to the video is a lighter option.

Labels:

Comments

Post a Comment

If you have anything in mind, please let me know!

Popular posts from this blog

How to Completely Uninstall Programs on Windows (Free Tools and Tips)

Short answer: you do not need a cracked Revo Uninstaller Pro, because Revo has a capable free version and there are free open-source alternatives that remove programs completely, leftover files and registry entries included. Here is how to uninstall cleanly and why leftovers matter. Why leftovers are a problem Windows' built-in uninstaller often leaves behind folders, registry keys and startup entries. Over time these accumulate, clutter your system, and occasionally cause conflicts when you reinstall software. A dedicated uninstaller sweeps them up. Free tools that remove programs completely Revo Uninstaller Free , uninstalls the program, then scans for and removes leftover files and registry entries. The free version covers what most people need. Bulk Crap Uninstaller , free, open source, and excellent for removing many programs at once and cleaning leftovers. How to uninstall cleanly with Revo Free Open Revo and select the program. Click Uninstall; let the progra...
196 comments
Read more

How to Recover Deleted Files for Free (Better Than a Cracked Tool)

Short answer: you do not need a cracked 7-Data Recovery serial, because excellent free tools like Recuva and PhotoRec recover deleted files, and the most important factor is not the software at all, it is stopping use of the drive immediately. Here is how to recover files the safe, effective way. The one rule that decides success: stop using the drive When you delete a file, the data is not erased, the space is just marked reusable. The moment you keep saving new files, you risk overwriting the deleted data permanently. So the instant you realize something is gone: stop using that drive . Do not install recovery software onto it either, download it to a different drive or USB stick. The best free recovery tools Recuva , free, friendly, great for recovering deleted documents, photos and files from Windows drives and USB sticks. PhotoRec , free and open source, extremely powerful, especially for photos and media, though its interface is basic. Windows File History / backups , ...
165 comments
Read more

How to Transfer Contacts Between Phones the Easy Way (2026)

Short answer: The easiest way to move contacts is to sync them to a cloud account first. Save contacts to your Google account on Android or iCloud on iPhone, then sign in to that same account on the new phone and they appear automatically. For everything else, export a vCard (.vcf) file and import it. Every time I set up a new phone the very first thing I want back is my contacts. Years ago this meant fiddly SIM copies and desktop software. These days I almost never touch a cable. Here are the modern methods I actually use, ranked from easiest to most manual. Method 1: Google account sync (best for Android) If your contacts are saved to your Google account rather than the phone itself, switching Android phones is basically automatic. On the old phone, open Settings > Accounts > Google and confirm Contacts sync is on. Wait a minute for the sync to finish, or tap the three-dot menu and choose Sync now . On the new phone, sign in with the same Google account during setup....
21 comments
Read more