How to Embed Facebook Live Videos in WordPress

Facebook Live videos have become one of the most engaging features on Facebook. Learn how to embed Facebook live videos in WordPress post and pages.

It shouldn’t be of surprise that more and more businesses are focused on producing video content. Facebook like many other platforms such as YouTube and Periscope (Twitter) has simplified the process of creating video content to connect with your audience.

As you gear up to record, save, and publish Facebook live videos, you might also want to embed those videos later in your blogs to tell more stories. Or you could just be looking to embed other’s Facebook live videos in your blog post.

Embedding Facebook live videos in WordPress, however, isn’t as easy as pasting a YouTube video link. The embedding process isn’t easier mostly because it’s still a new product and possibly because Facebook wants users to visit and stay on their platform for a longer period.

Ways to Embed Facebook Live Videos

Facebook currently recommends using their Embedded Video Player Configurator to generate embed code required for your WordPress blog. It also provides embed code snippet along with each video that you can copy and paste into your WordPress editor.

Let’s look at both of these options with step-by-step instructions below.

1. Using Embedded Video Player Tool

Facebook has built a developer tool to help users get embed code snippet required for websites and blogs.

The best part of the developer tool is that it allows you to configure primary settings of your video to generate embed code as per your requirements.

Follow the steps below to generate embed code using the tool.

Find and copy the URL of Facebook Video that you want to embed.

To copy the URL of a Facebook video, simply right-click on the video and select “Show Video URL” option.

You can now copy the Video URL that is selected by default in the video box.

You can also define the pixel width of the video if you require a fixed size. There’s also a checkbox to include the full post which brings up the description, likes, comments, and shares of the Facebook post in addition to your video.

Click on Get Code and you now have two ways to embed the code on your blog.

Facebook Live Video Codes – Javascript SDK and IFrame

You are presented with two tabs with different embed codes for your Facebook live video.

i. The easiest way is to use the IFrame code and place it in your WordPress editor where you want the video to appear.

Selecting advanced settings will have your URL automatically copied in the tool, ready for you to configure other options such as pixel width of the video and the option to include shares, likes, and comments.

3. Using Facebook Page Plugin Widget to Display Timeline

If you want your videos to appear live on your website or blog without having to add different embed code each time, you can use the Facebook page plugin widget that displays everything from your timeline.

Your Facebook live video will appear in the timeline section of the widget that you can add on your website.

Configure Facebook Page Widget

Make sure you enter timeline under Tabs settings for your posts including live videos to appear on the website.

Click Get Code at bottom of the configuration box and you can copy and paste the Iframe section of the code to your WordPress widgets.

JetPack Facebook Like Box Widget

If you use JetPack or any other Facebook plugin to display Facebook like box widget, you can simply enable the option for displaying the posts from your page. The widget will display your video when you are live on the Facebook page.

With JetPack Facebook Like Box Widget, you can enable the option for “Show Stream” to display your Facebook page posts including the Live Video (when you are Live).

You can find similar options in other Facebook widgets from different WordPress plugins.

Installing Facebook SDK for JavaScript in WordPress

If you are an advanced user or comfortable with code, you have more flexibility with the configurations of live video code.

Installing the Facebook SDK for JavaScript in WordPress will enable you to easily embed your Facebook videos with few lines of code.

Finding Facebook Video Post's URL

Finding the video post’s URL might be complex than you think, mainly because the videos play in the same window and open in a dark overlay without any changes to the address bar URL.

I suggested one way of copying URL of the video in the first method above, but here are more ways to locate the URL.

Click on publish time of the video on the timeline and copy the URL from address bar.

You can also right-click to copy the link without having to open it.

The other method is to right-click on the video itself and select “Show Video Url”. Copy the link shown in the box.

For Facebook live videos, wait until you have saved and published them on your timeline to find and copy the URL for embedding purposes.

The above screenshots for Facebook Live videos are from my personal Facebook profile. You can visit this poston my personal blog to see how the embedded Facebook live videos might look on your blog.

Easy Integration with WordPress in near Future?

Facebook Live video is relatively a new feature and the overall video platform is constantly evolving.

As the platform continues to enhance its video features, I am sure it will make the embedding process more accessible.

Facebook, in fact, mentions that it is already working to make the videos integration process easy with WordPress.

There should be few third party plugins available in the WordPress repository already that make it possible to embed Facebook live videos. We should soon expect an official plugin from Facebook or an oEmbed support from WordPress to make the embed process as easy as YouTube videos.

How do you embed Facebook live videos in your blog posts? What do you think of the process? Let me know if you have any suggestions or if you found the tutorial helpful to you.

Summary

Overall Widget Review

5

Summary

Use the Video Player Configurator tool to configure primary settings for your Facebook video and generate the required embed code.

Comments

Have you seen any Facebook LIVE Videos created after June 22nd, 2016 embedded on any websites? Something happened and the option to embed a LIVE Video has not been available to me and others. I am not sure what happened on this day, but facebook made a lot of changes.

Great post but one thing I’m stuck on. I’m basically looking to embed an iFrame on my site permanently for Facebook Live Video streaming. So every time I stream live to Facebook people can watch it from my website without me having to change the iFrame etc.

Yes I have used this plugin. It is simply awesome. No need to go through the whole embedding process. It automatically detects if your facebook page is live and embeds the live video. So you go live on your facebook page and your wordpress website simultaneously.

There’s a way to schedule your Live videos in advance and it lets you copy your stream credentials (e.g. steam key, Server URL) and provides you with embed link for the live stream. (I haven’t tried it).

I’ve embedded Facebook Live videos on my website, including Scheduled Live videos. With some tweaking, everything seems to be working well, except for the most important functionality – the ability for users to watch Live videos on my website, on mobile devices.

Users are able to watch Live videos on my website on desktop, and are able to watch replays of Live videos on my website on both mobile and desktop, but are when trying to watch Live videos on my website via mobile device, are re-directed to the Facebook app.

Am I doing something wrong? Is there a workaround for this? Thanks in advance!

Best WordPress Deal

Start Your Own Blog

Best SEO Tool

WPism (WordPress-ism) is a blog on everything WordPress covering tutorials, tips, themes, plugins, hosting, help on WordPress topics and more. Our main focus is helping marketers using WordPress for content marketing, SEO, and Social Media. Learn more about WPism .

Disclosure: Like several websites on the internet, some of our posts might include affiliate links. You can support our hard work by using those links to make any purchases. We earn tiny commission at no additional cost to you. Read our full FTC disclosure .

Check Your Website SEO

WPism is the best source for all things WordPress. Our mission is to empower bloggers and publishers.