Einbetten Facebook Video in Facebook Instant Artikeln

Question

folgte ich die Anweisungen auf https://developers.facebook.com/docs/instant-articles/reference/social und verwandten https://developers.facebook.com/docs/plugins/embedded-posts#add-code-manually zu Facebook Video in einem Augenblick Artikel einbetten. Hier ist, was ich für meine Einbettung gelandet bin, aber leider, wenn ich die Seite vorschaue, bekomme ich einen kurzen grauen Blitz, wo das Video sein sollte und dann kein Video.

<!-- Article body goes here --><figure class="op-social"> 
<iframe> 
<!-- Include Facebook embed code here. Your Facebook embed code should contain both the "JavaScript SDK" and the "Embedded Post Tag" parts described at https://developers.facebook.com/docs/plugins/embedded-posts#add-code-manually --> 
<div id="fb-root"></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 ="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId=906632809405090"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 
<div class="fb-post" data-href="https://www.facebook.com/PopSugarCelebrity/videos/10154334075529824/0506729/" data-width="300" data-show-text="true"></div> 
</iframe> 
</figure> 
    <p>Ernestine Shepherd, one of the world's oldest bodybuilders, turned 80 this month—and she's making us all want to hit the gym. While we're not about to join her for 3 a.m. workouts or 10-mile runs (did we mention she's a badass?), Shepherd's story is a great reminder that it's never too late to adopt healthy habits. She didn't start exercising until she was 56! </p> 

Ich habe erfolgreich eingebettet youtube, twitter und instagram in unseren verschiedenen FBIA Seiten so dachte ich fb Videos ein Kinderspiel sein sollte, aber nicht so viel Glück. Hat jemand, der erfolgreich FB-Videos auf FBIA-Seiten eingebettet hat, ein paar Tipps, wo ich mit dem obigen Code falsch gelaufen bin?

Answer 1

Ich hatte Erfolg mit dem Iframe-Einbettungscode von FB's configurator. Das Tool sollte Ihnen die Möglichkeit geben, ein 'iFrame' Code-Snippet zu wählen (ganz oben).

Hier ist ein Beispiel für eine Iframe-Einbettung, die in Instant-Artikel-Markup funktionieren würde (achten Sie darauf, die URL und AppID zu aktualisieren).

<figure class="op-interactive"> 
<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook%2Fvideos%2F10153231379946729%2F&width=500&show_text=false&appId=906632809405090&height=281" width="500" height="281" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe> 
</figure>