Facebook recently introduced a dedicated format for news publishers called Instant Articles. Those Instant Articles can be consumed directly inside Facebook mobile application on Android and iOS. This new format aims at offering a better user experience than "classic" mobile web articles thanks to faster page load and pre-defined content types. This is similar in concept to Google AMP. Those articles are rendered in a WebView managed by Facebook application. This WebView is different from Facebook in-app browser and has some limitations, especially on iOS, when it comes to displaying media content.
On Android we can use an
iframe embed to display Radiant Media Player and our testing shows that it works well even for advanced features like video ads. Video ads will be rendered
rmp-vast ad parser for Facebook Instant Articles in Android, since the Google IMA SDK does not officially support being used in a WebView. The Google IMA SDK can nonetheless be forced in a WebView as the VAST renderer through the
adForceImaInWebView setting (using the Google IMA HTML5 SDK is generally recommended when delivering ads from the Google Ads Network).
On iOS, Facebook Instant Articles are also rendered in a WebView and we can also use iframe embedding to display our player. However in Facebook Instant Articles for iOS inline playback of HTML5 video is not allowed. Video, including video ads, will be rendered in the iOS default fullscreen player.
To embed Radiant Media Player in Facebook Instant Articles for Android or iOS we will use iframe embedding.
You can find a complete example of well-formed example article here. Please view source on this page to understand the markup. Essentially our player consists of:
<figure class="op-interactive"> <iframe width="480" height="270" src="https://www.rmp-streaming.com/iframe/iframe-fbia.html"></iframe> </figure>