webfi-How to Embed a Facebook Video in WordPress
Do you want to embed a Facebook video on your WordPress site? With the popularity of Facebook live and Facebook’s videos, we’ve had several of our users ask if it was possible to embed Facebook videos in WordPress. In this video, we will show you how to easily embed a Facebook video and a Facebook live video in WordPress.
To start, you will want to visit the Facebook Embedded Video and Live Video Player page found here:
https://developers.facebook.com/docs/plugins/embedded-video-player
Here you will add the URL of the video from Facebook you would like to display as well as set the pixel width you want the video to display at and it should display below. There’s even the option to include the full post in a checkbox under the URL of the video box.
Now that your selected video is set, click the get code button to bring up the required code. For a Facebook video to display on your site you will need to add the first code block to your theme’s header. If your theme does not have a built-in method, you can use the Insert Headers and Footers plugin found here:
https://wordpress.org/plugins/insert-headers-and-footers/
With the above plugin, you would go under Settings, Insert Headers and Footers and add the code in the top box and click the Save button. This will automatically add the code in your site’s header for you. With that added you can add the second code from Facebook and it will embed the video the same as it would a YouTube video.
For a Facebook Live video, you will first need to go live due to Facebook’s limitations. That will allow you to right click on the date that you went live and copy the live video’s URL. Take that URL back to the Facebook Video Player Configurator to customize the display to how you’re wanting and click the Get Code button.
If you’ve already added the JavaScript to your header from another video or embed then you don’t need to add that for this new video. Add the second code block to your site where you want the live video to appear.
If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner
Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/wp-tutorials/how-to-embed-a-facebook-video-in-wordpress/
Check us out on Facebook
https://www.facebook.com/wpbeginner
Follow us on Twitter
http://twitter.com/wpbeginner
Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner
source
I’ve been needing this! Awesome 👏
First comment <3 learned sonething new today. thanks
Just going thru Lynda.com tutorials and ran into a problem. Guess what, you guys just covered it 3 days ago … wow
Now, what about the <> embed option that shows up on the post? Does the same thing I presume?
Unintentional ASMR gold
nice video👍👍👍👍👍👍
Very informative and easy to follow video tutorial. Thanks for sharing.
Thank you so much! Answered all my questions. Exactly what I was looking for. Plus, answered my question about why my embed code for live didn't work. Have to go live first.
Thank you so much. I’ve been trying to get this done for three days, tens of videos and articles later you video actually gave an answer which works. Having a iPad and only being able to use Facebook live stream from your apps makes a lot of other people’s advice not work. I am so relieved it’s unreal. Thank you so so much.
Hi there! Thanks for your video, I'm actually looking for something like this for one customer. My customer wants to be able to go live on Facebook in private (for some customer to her). With your solution I think it's the best way ! Do you know if it allows the Facebook's filters also ? 🙂
did facebook or wordpress change something in the last month? this doesn't seem to work anymore. I tried using two different themes, with different editors, it comes up showing only a link to the video and the video description text.
Embedding a 1080p video only allows playback of 720p. If I click on the view on Facebook and I'm logged in then I will see the 1080p option for the video. If I'm not logged in the only option I see after clicking the gear is 720p. This is too bad as I wanted to start promoting Facebook videos from my website. I have not seen anyone else make mention of this, am I possibly doing something wrong?
It works for me in wordpress but the size is too large. The Pixel width setting is not there anymore and the other info of how to change size is too complicated for my current level of website editing
how can I add it t my existing page? I don't know how. pleasehelp me. i don't know where to paste
Why do WP tutorials ALWAYS execute a task into a "new page" or "new post"? Some of us need to know how to add it into an existing page that has themes set and all that jazz. Just saying it'd be nice to find one where editing an active page was the focus.
Tried the steps in WordPress 5.5, but doesn't seem to work anymore. Or am i missing something?
i can't install "insert headers and footers"
Was there an update to these codes? When I paste the code it only shows the captions, not the video
Hello! Thanks for this video! I think it has gotten me into the ballpark of where I need to be. Would you be able show how to embed a video using Beaver Builder?
Thank you!
I can't find button to add a block . What types of plugin I need to add a block?
Very usefull. Thank you.
I have to repeat this process every time when i want to go live ??
Hey there, thanks so much for this explanation. I am using a custom theme and it doesn't seem to work with mine. Nothing shows, when I add the html block. Any ideas?
superb video thank for upload
Seems WordPress wants everyone to use YouTube instead of Facebook. So much easier to simply paste a YouTube link. I wonder if Facebook makes the site slower than embeding YT videos also cause FB used to be a pain back in the day for site speed performance
Thank you dear