Global Voices Test Post: Embeds
See also: Global Voices Test: Post Formats
Please ignore this post, it's here for testing across various reading platforms like AMP and Facebook Instant Articles. ~ Jer
Contents
WordPress Embed Tests
WordPress iframe embeds below should work on normal site, but be basic blockquotes in AMP.
WP Embed shortcode+URL
WP Embed shortcode+URL with Translation
This is a translation of the WordPress embed above.
Facebook Embed Tests
Embeds below work on both normal and AMP sites. AMP version doesn't have proper styling on the blockquote.translation but they have accepted the bug that causes it (GitHub link).
Facebook Post with embed shortcode and URL
Video documentary highlights the violence against journalists in Colombia.
Posted by Global Voices on Tuesday, February 25, 2020
Facebook Post with blockquote.translation
Video documentary highlights the violence against journalists in Colombia.
Posted by Global Voices on Tuesday, February 25, 2020
This is a translation of the facebook post embed above.
Facebook Video with embed shortcode and URL
Fish Are Dying Mysteriously in Vietnam
One of our most-viewed posts of 2016: "Millions of fish are dying in Vietnam. Locals blame the Formosa Hà Tĩnh Steel Corporation."
Posted by Global Voices on Monday, January 2, 2017
Facebook Video with blockquote.translation
Fish Are Dying Mysteriously in Vietnam
One of our most-viewed posts of 2016: "Millions of fish are dying in Vietnam. Locals blame the Formosa Hà Tĩnh Steel Corporation."
Posted by Global Voices on Monday, January 2, 2017
This is a translation of the facebook video embed above.
Facebook raw embed code
Facebook raw embed codes below also work in normal and AMP sites, but aren't as responsive as the URL embed version.
Note: The .translation version won't have proper spacing due to empty <p>. See gv_footerjs_facebook_embed_classes()
Facebook raw embed with Blockquote
This is a translation of the raw Facebook embed above.
Instagram Embeds
Instagram URL in Embed shortcode
Instagram URL in Embed shortcode with .translation
This is a translation of the Instagram post above.
Instagram embed with hidecaption="1"
The embed below should not have a caption displayed.
Twitter Embeds
Tweet embed (blockquote)
Facebook Instant Articles doesn't allow horizontal rules because lines are dangerous and need to be kept under control.
— jeremyclarke (@jeremyclarke) February 1, 2017
Tweet embed (blockquote) followed by blockquote.translation
Facebook Instant Articles doesn't allow horizontal rules because lines are dangerous and need to be kept under control.
— jeremyclarke (@jeremyclarke) February 1, 2017
This is a translation of the Twitter blockquote embed above.
Tweet Embed by URL
Facebook Instant Articles doesn't allow horizontal rules because lines are dangerous and need to be kept under control.
— jer clarke 🌿 they/them (@jerclarke) February 1, 2017
Tweet Embed by URL with blockquote.translation
Facebook Instant Articles doesn't allow horizontal rules because lines are dangerous and need to be kept under control.
— jer clarke 🌿 they/them (@jerclarke) February 1, 2017
This is a translation of the Twitter URL embed above.
YouTube Embeds
YouTube embeds should work in both normal and AMP versions of the site.
YouTube Embed by URL
YouTube Embed by URL with translation
This is a translation of the YouTube video above.
Soundcloud Embeds
Soundcloud embeds should work in both normal and AMP versions of the site.
Soundcloud Embed by URL
Soundcloud Embed by URL with translation
This is a translation of the Soundcloud embed above.
Video raw upload embeds
Raw video embeds with [video] should work properly in both regular and AMP versions.
HTML5 Video Tag From Upload
HTML5 Video Tag From Upload followed by blockquote.translation
This is a translation of the embedded video above.
Tumblr Embeds
DISABLED-embed]http://globalvoices.tumblr.com/post/157945851862/walking-on-death-along-the-iraqi-border[/DISABLED-embed]
Tumblr embeds should work in iA, but don't yet. Follow up on GitHub.
Start the conversation
Recent comments
Mariam Abuadas' passion for strengthening media in the MENA region
I'm thrilled that we've begun doing these GVer profiles once more, and we're off to...
GV stories about indigenous communities reach a Taiwanese audience
Wow, that's exciting! Thank you so much, Yanne! :)
Thanks Rémy, I have to say if I could just remove one thing from the...
Hi Jer, hi GV Design Working Group, Great work! This skinny layout is a real improvement,...
Thank you Jer and team. I like this simple design. As Atiba said, it's easy...