Facebook like to provide <iframe></iframe> embed links for videos which is a little annoying, but we can get rid of the need for a custom html block by using the default Facebook Embed URL composer block.
Anyway, I have found some videos of the awesome Joelle on Facebook and I am embedding them into this post using the Facebook Embed Block.
Boom, four videos using the new block. It seems to work a treat until Meta “mess” something else up again.
However, for some reason, embedding using the WordPress Facebook Block does not, as you can see above, display the title and or other periphery information that is with the video post. When you click embed on Facebook there is the option to include full post, the embed block doesn’t cater to that.
If that stuff is valuable to you, then you have no choice but to use Custom HTML blocks and use the embed code that as the source for that block. Here are the three videos above linked as Custom HTML blocks.
I create a simple custom html block wrapper here and include all of the above videos within it, might as well let the browser do most of the work for us, no point in reinventing the wheel so to speak.
<div style="width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap">
<iframe
src="https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2FOfficialJoelle%2Fvideos%2F1680104278697923%2F&show_text=true&width=267&t=0"
width="267"
height="591"
style="border:none;overflow:hidden"
scrolling="no" frameborder="0" allowfullscreen="true"
allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"
allowFullScreen="true">
</iframe>
...
</div>Enjoy your embedding #peaceout
Leave a Reply