Now You Can Embed Auto-Play Facebook Video On Your Site
With a little html code work, you can enable Facebook videos to play automatically with sound muted outside the social network.
Want to bring Facebook auto-play video to your site?
It’s now possible to enable Facebook’s auto-play on embedded videos from the social network.
The feature might appeal to publishers looking to leverage the video they produce for Facebook or to businesses looking for dynamic content to illustrate posts. The advantage of Facebook video — which has been embeddable on third-party sites only since March — is that it plays automatically without sound unless someone clicks, a feature that limits the surprise (or annoyance) factor for people who visit a page.
Here’s an example using a short video from the Red Bull Page:
How To Hack The Code
Embedding video with the auto-play enabled requires a bit of html code tweaking, and depending on the CMS you are working with your results might vary. For instance, to embed Facebook video on the Marketing Land WordPress installation, we must strip out the script and blockquote tags (and add a </div>):
After getting a Facebook video to play nicely on your site, it’s just a matter of adding data-autoplay=”true” in the proper location, like so:
One note: videos don’t auto-play on mobile devices. More information and full documentation is available on the Facebook Developers embedded video page.
Contributing authors are invited to create content for MarTech and are chosen for their expertise and contribution to the search community. Our contributors work under the oversight of the editorial staff and contributions are checked for quality and relevance to our readers. MarTech is owned by Semrush. Contributor was not asked to make any direct or indirect mentions of Semrush. The opinions they express are their own.
Related stories