🌐WEBFINET

HURRICANE WATCH 2022 | SMART NEWS

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

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

26 Comments

  • Ana Perez on September 12, 2019

    I’ve been needing this! Awesome 👏

  • Zakaria Abali on September 12, 2019

    First comment <3 learned sonething new today. thanks

  • taariqq on September 15, 2019

    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?

  • Addler Martin on January 20, 2020

    Unintentional ASMR gold

  • Lamis Farah on February 23, 2020

    nice video👍👍👍👍👍👍

  • PauMaiLau on March 12, 2020

    Very informative and easy to follow video tutorial. Thanks for sharing.

  • Supplemental Seminary on March 17, 2020

    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.

  • Leicestershire Training Team on March 31, 2020

    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.

  • gregory irthum on April 2, 2020

    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 ? 🙂

  • Youceff Kabal on April 11, 2020

    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.

  • Walrond Tech on April 14, 2020

    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?

  • Cole van dais on April 27, 2020

    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

  • Adrian Garcia on July 2, 2020

    how can I add it t my existing page? I don't know how. pleasehelp me. i don't know where to paste

  • Brandon Smith on July 29, 2020

    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.

  • Robert R. Voigt on August 16, 2020

    Tried the steps in WordPress 5.5, but doesn't seem to work anymore. Or am i missing something?

  • Charmaine Cordoviz on October 5, 2020

    i can't install "insert headers and footers"

  • ROYCE IVAN PATRICIO on October 6, 2020

    Was there an update to these codes? When I paste the code it only shows the captions, not the video

  • Kelly Johnson Photography on February 13, 2021

    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?

  • Sergio Ortiz on April 10, 2021

    Thank you!

  • Kyaw Htet on May 24, 2021

    I can't find button to add a block . What types of plugin I need to add a block?

  • Yarn Yusof on July 9, 2021

    Very usefull. Thank you.

  • Nadeem Vlogs on August 1, 2021

    I have to repeat this process every time when i want to go live ??

  • Sen Goec on September 1, 2021

    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?

  • Seo Naza789 on October 4, 2021

    superb video thank for upload

  • Manu Gonzalez on October 20, 2021

    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

  • S Quo on November 13, 2021

    Thank you dear

Since 2009- Live News and Entertainment

🌐WEBFINET

🛡GET YOUR OWN Cyber Data Servers

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
error: WEBFINET SECURITY IS ON