Facebook Player Props

The facebook player component props are derived directly from the facebook dovumentaion and they are few.

Example#

import React from "react";
import { FacebookPlayer } from "reactjs-media";
const MyVideo = () => {
return (
<>
<FacebookPlayer
src="https://www.facebook.com/facebook/videos/10153231379946729/"
width={650}
height={600}
/>
</>
);
};

Output#

---

Props#

propsdescriptiondefault value
src: RequiredThe absolute URL of the video.null
allowFullScreenAllow the video to be played in fullscreen mode. Can be false or true.false
autoPlayAutomatically start playing the video when the page loads. The video will be played without sound (muted). People can turn on sound via the video player controls. This setting does not apply to mobile devices. Can be false or true.false
widthThe width of the video container. Minimum 220.'auto'
lazytrue means use the browser's lazy-loading mechanism by setting the loading="lazy" iframe attribute. The effect is that the browser does not render the plugin if it's not close to the viewport and might never be seen. Can be one of true or false (default).false
showTextSet to true to include the text from the Facebook post associated with the video, if any. Only available for desktop sites.false
captionsSet to true to show captions (if available) by default. Captions are only available on desktop.true