*CMS 3.7.1
Does anyone know how to embed videos from Facebook straight into a page in the Silverstripe CMS?
I am using the Insert Media (tree icon) button in the editor and pasting a Facebook video URL. It does embed but it has a lot of space below the embedded media when I preview the page. Do Facebook videos work as inserted media or are there workarounds?
I am a content editor, not a dev, and increasingly I find relevant videos to embed that are only hosted on Facebook, rather than Youtube or Vimeo.
When I inspect the element in my page preview here is the code I get:
<div class="media leftAlone"><div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="https://staticxx.facebook.com/connect/xd_arbiter/r/afATJJjxKE6.js?version=43#channel=f37e1a125a77d4c&origin=https%3A%2F%2Fnzta.govt.nz" style="border: none;" data-gtm-yt-inspected-1321092_9="true" data-gtm-yt-inspected-1321092_10="true" data-gtm-yt-inspected-1321092_11="true"></iframe></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div></div></div></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.2';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-post fb_iframe_widget" data-href="https://www.facebook.com/movinmarch/videos/329422320973516/" data-width="552" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&container_width=644&href=https%3A%2F%2Fwww.facebook.com%2Fmovinmarch%2Fvideos%2F329422320973516%2F&locale=en_GB&sdk=joey&width=552"><span style="vertical-align: bottom; width: 552px; height: 469px;"><iframe name="f13f84c90ec401" width="552px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" title="fb:post Facebook Social Plugin" src="https://www.facebook.com/v3.2/plugins/post.php?app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FafATJJjxKE6.js%3Fversion%3D43%23cb%3Df2394bc3075c%26domain%3Dnzta.govt.nz%26origin%3Dhttps%253A%252F%252Fnzta.govt.nz%252Ff37e1a125a77d4c%26relation%3Dparent.parent&container_width=644&href=https%3A%2F%2Fwww.facebook.com%2Fmovinmarch%2Fvideos%2F329422320973516%2F&locale=en_GB&sdk=joey&width=552" style="border: none; visibility: visible; width: 552px; h