Solved - Sharing UIConf is not showing on Facebook

I am using Kaltura 10.13 OnPrem

We have created an HTML5 player but due to possibly Facebook restrictions, when the vide is shared to Facebook, the HTML5 player is replaced with a default FLASH player.

We then created a custom flash player and included its ID on the Share uiconf id field so when shared to Facebook, it should pass this UIconf ID and load the custom flash player.

But, no matter which UIConf ID we set on the Share configuration, Kaltura still provides the default flash ID and not any of our custom players.

I wonder if we must configure something else? I have checked the json conf using the admin console and the params are OK. The custom player ID is configured correctly.

Any help will be appreciated.

Regards

Felipe Borrero
Operations Director
Calipso Comunicaciones S.A.

Hi,
Which player version you are using?
The latest version is v2.33 and you can see that the HTML5 share to Facebook works as expected the the embedded shared video is HTML5: http://player.kaltura.com/modules/KalturaSupport/components/share/Share.html

Hi Amir

I am using player V.2.31. I will install player 2.33 and give it a try.

The problem is really that no matter which Player ID I setup on the Sharing ID Player field, Kaltura uses the default flash player.

I´ll update with my findings.

UPDATE - SOLVED

Happen to be that my customer has a custom URL for sharing and they didn’t upgrade the open graph metas with the correct Player ID and therefore, Facebook was using the same player no matter what player ID you set on the Share Player ID field, the same player was used on Facebook.

Thanks for you help interest and help Amir.

Hello @fborrero, I am using v2.38 and I’m unable to embed the video player in facebook. Do I need to do something with facebook to allow the player to be embedded? Please advise. Thank you.

Hi @mark

You have to check the original web page from where you are sharing the video and verify you have the correct OpenGraph Meta tags.

If you use iFrame embedding, Kaltura can provide those Metas for you. With other embedding methods you might need to provide the OpenGraph meta tags by yourself.

Hope this help.

Thank you for your response @fborrero. I am running self hosted CE 11.5. When I share the dynamic player on facebook, a post is created with the image of the video(looks normal), however when I try to play back the video in the facebook post the video does not play nor show the kaltura video player. Just goes to a black screen with another (perhaps facebook) generic player. Is there something that I need to configure on facebook/app/api/etc?

The web page that is sharing the player has the following meta tags:

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta property="og:url" content="https://player.***HIDDEN***:443/index.php/extwidget/preview/partner_id/104/uiconf_id/23448309/entry_id/0_zh3qg5rd/embed/dynamic?&flashvars[streamerType]=auto" />
<meta property="og:title" content="***HIDDEN***" />
<meta property="og:description" content="" />
<meta property="og:type" content="video.other" />
<meta property="og:image" content="https://player.***HIDDEN***/p/104/sp/10400/thumbnail/entry_id/0_zh3qg5rd/version/100000/acv/82/width/560" />
<meta property="og:image:secure_url" content="https://player.***HIDDEN***/p/104/sp/10400/thumbnail/entry_id/0_zh3qg5rd/version/100000/acv/82/width/560" />

	<meta property="og:video" content="https://player.***HIDDEN***/p/104/sp/10400/playManifest/entryId/0_zh3qg5rd/flavorId/0_tte7mx62/format/url/protocol/https/a.mp4" />
<meta property="og:video:type" content="video/mp4" />
	<meta property="og:video:url" content="https://player.***HIDDEN***/p/104/sp/10400/embedIframeJs/uiconf_id/23448309/partner_id/104?iframeembed=true&entry_id=0_zh3qg5rd&flashvars[streamerType]=auto">
<meta property="og:video:secure_url" content="https://player.***HIDDEN***/p/104/sp/10400/embedIframeJs/uiconf_id/23448309/partner_id/104?iframeembed=true&entry_id=0_zh3qg5rd&flashvars[streamerType]=auto">
<meta property="og:video:type" content="text/html">	
<meta property="og:video:width" content="560" />
<meta property="og:video:height" content="395" />	

<meta name="twitter:card" content="player"/>
<meta name="twitter:site" content="@kaltura"/>
<meta name="twitter:creator" content="@kaltura"/>
<meta name="twitter:title" content="***HIDDEN***" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="https://player.***HIDDEN***/p/104/sp/10400/thumbnail/entry_id/0_zh3qg5rd/version/100000/acv/82/width/560" />
<meta name="twitter:player" content="https://player.***HIDDEN***/p/104/sp/10400/embedIframeJs/uiconf_id/23448309/partner_id/104?iframeembed=true&entry_id=0_zh3qg5rd&flashvars[streamerType]=auto" />
    <meta name="twitter:player:stream" content="https://player.***HIDDEN***/p/104/sp/10400/playManifest/entryId/0_zh3qg5rd/flavorId/0_tte7mx62/format/url/protocol/https/a.mp4" />
	<meta name="twitter:player:stream:content_type" content="video/mp4"/>
<meta name="twitter:player:height" content="395" />
<meta name="twitter:player:width" content="560" />

Hi @mark

Could you share the post only to my Facebook account (fborrero1) so I can have a look at the actual code using Firebug or some other tool?

Hello @fborrero, I shared the post with your facebook account. Thank you.