Google AMP

Google AMP allows publishers to include rich media content on pages using iframes, however publishers must use the special <amp-iframes>  element.

Publishers need to be aware of the viewport limitation that suggests setting a "placeholder" state, otherwise the iframe will not be able to be displayed within 600px or 75% of the first viewport from the top.

Documentation: https://www.ampproject.org/docs/media/iframes

Sample code: https://gist.github.com/longzheng/6568b9bee181a7dfaae303e7a04522d1

Apple News

Unfortunately Apple News restricts the ability to use iframes and only natively supports displaying media content from YouTube and Vimeo.

As alternative, Apple News includes an audio component which displays a native audio player. Developers can configure this audio component to the MP3 URL of the published clip to allow readers to play the equivalent audio content.

Documentation: https://developer.apple.com/documentation/apple_news/audio

Developer note: using the audio component without an image has the side-effect of Apple News automatically buffering/downloading the audio file without the user pressing play. This is undesirable since it would count unintended downloads. Setting an image prevents this behaviour and the user has to press play before the audio is buffered/downloaded.

Did this answer your question?