Generating og: tags from embed in WP post / All in One plugin

Community Forums Kaltura Players and Player Plugins
1

Greetings,
I’m hoping our solution is something evasively simple. We are using the All in One plug-in to embed videos from our account into our WordPress site.

Though I see it is possible with other people’s sites, we cannot figure out how to get og: tags to generate in our page head similar to this page:

Is there a script we need to embed/run, or a standard configuration setting we have missed? The APIs seem more than capable, but putting it all together feels a bit tricky for this newbie.

Any help is appreciated. Thanks!

2

Hello,

I am assuming you are using this: https://github.com/kaltura/all-in-one-video-pack.wordpress
You need to inject these to your relevant pages head section.
WP has several modules that would allow you to do so per page.

3

Hi, Thanks for jumping in.
I’ll apologize in advance for any deluge of details.
We do use that version of All in One and the Facebook Open Graph protocol plugin v2.0.13.

In the page, the All in One embed looks like this:
<script src="http://www.kaltura.com/p/1679301/sp/167930100/embedIframeJs/uiconf_id/29279321/partner_id/1679301"></script>

<div id="kaltura_player_518596567f393163ecc8443f046db41e_wrapper" class="kaltura-player-wrapper">
<div id="kaltura_player_518596567f393163ecc8443f046db41e" class="kWidgetIframeContainer" style="width: 640px; height: 461px; overflow: hidden;"><iframe id="kaltura_player_518596567f393163ecc8443f046db41e_ifp" scrolling="no" name="kaltura_player_518596567f393163ecc8443f046db41e_ifp" class="mwEmbedKalturaIframe" aria-labelledby="Player kaltura_player_518596567f393163ecc8443f046db41e" aria-describedby="The Kaltura Dynamic Video Player" frameborder="0" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" style="border: 0px; max-width: 100%; max-height: 100%; width: 100%; height: 100%;"></iframe></div>
<div class="kaltura-powered-by" style="width: 640px">
<div><a href="http://corp.kaltura.com/Products/Features/Video-Player" target="_blank">Video Player</a> by <a href="http://corp.kaltura.com/" target="_blank">Kaltura</a></div>
<p></p></div>
</div>

In the HEADER, these are the OG tags we get:

<!-- WordPress Facebook Open Graph protocol plugin (WPFBOGP v2.0.13) http://rynoweb.com/wordpress-plugins/ -->
<meta property="fb:app_id" content="526494477518833"/>
<meta property="og:url" content="http://www.cctv-america.com/2016/05/20/a-blind-birdwatcher-records-the-sounds-of-nature-in-antarctica"/>
<meta property="og:title" content="A blind birdwatcher records the sounds of nature in Antarctica"/>
<meta property="og:site_name" content="CCTV America"/>
<meta property="og:description" content="A blind birdwatcher from Uruguay proves you don’t need sight to see. Through the sounds of nature he is able to envision the world that surrounds him."/>
<meta property="og:type" content="article"/>
<meta property="og:image" content="http://i2.wp.com/www.cctv-america.com/wp-content/uploads/2016/05/AN-BLIND-BIRDWATCHER-1.jpg?fit=640%2C360"/>
<meta property="og:locale" content="en_us"/>
<!-- // end wpfbogp -->

I guess we’re wondering what method is used to generate the needed OG tags, as demonstrated here:
http://player.kaltura.com/modules/KalturaSupport/components/share/Share.html3

Is there a specific WP plugin that works well with Kaltura embeds? Is there a setup or template for our player that we can configure in Kaltura Studio?

Again, I’m hoping someone wiser can school me and show how simple this really is. Duly appreciate your support!

4

Hello,

If you go to KMC->content->select entry->preview and embed, the resulting URL will have these tags under the document’s head. You can then copy them and place in your WP. There are a few WP modules that allow you to inject these tags to a specific page under the head tag, this really isn’t specific to Kaltura in anyway.

Hope that helps,