Embedded Video & Live Video Player
Step-by-Step
1. Choose URL or Page
Pick the URL of a Facebook video you want to embed.
2. Code Configurator
Paste the URL to the Code Configurator and click the "Get Code" button to generate your embedded video player code.
3. Copy & Paste HTML snippet
Copy and paste the snippet into the HTML of the destination website.
Full Code Example
Copy & paste the code example to your website. Adjust the value data-href
to your video URL. Control the player size using the attribute data-width
.
<html> <head> <title>Your Website Title</title> </head> <body> <!-- Load Facebook SDK for JavaScript --> <div id="fb-root"></div> <script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script> <!-- Your embedded video player code --> <div class="fb-video" data-href="https://www.facebook.com/facebook/videos/10153231379946729/" data-width="500" data-show-text="false"> <div class="fb-xfbml-parse-ignore"> <blockquote cite="https://www.facebook.com/facebook/videos/10153231379946729/"> <a href="https://www.facebook.com/facebook/videos/10153231379946729/">How to Share With Just Friends</a> <p>How to share with just friends.</p> Posted by <a href="https://www.facebook.com/facebook/">Facebook</a> on Friday, December 5, 2014 </blockquote> </div> </div> </body> </html>