Skip to main content
Version: 4.12.7

Social Sharing

This article describes how to implement common use cases related to Social Sharing feature.

The Social Sharing feature adds a component to the UI which enables the viewers to share the page across media, for example through Twitter and Facebook.

The Social Sharing feature exposes the Social API. This API allows developers to configure the URLs and (social) channels.

Social Sharing

SDKs

Web SDKAndroid SDKiOS SDKtvOS SDKAndroid TV SDKChromecast SDK
YesNoNoNoNoN/A

The Social Sharing API is a UI feature. It's currently unavailable on all SDKs except the Web SDK because the underlying THEOplayer CSS and JavaScript modules aren't activated. This means that you also can't enable it using the guide located at How to add CSS or JavaScript files to an Android/iOS project.

Code examples

Web SDK

The Social Sharing API is currently only available on the Web SDK.

player.social.url = "https://demo.theoplayer.com/social-sharing";
player.social.items = [
{
label: "Facebook",
icon: "https://facebookbrand.com/wp-content/themes/fb-branding/prj-fb-branding/assets/images/fb-art.png",
src: "http://www.facebook.com/sharer/sharer.php?u=<URL>"
},
{
label: "Twitter",
icon: "https://s-media-cache-ak0.pinimg.com/originals/f3/6f/51/f36f511b261596a2debe85d844bb1b87.png",
src: "http://twitter.com/intent/tweet?url=<URL>"
},
{
label: "Reddit",
icon: "https://vignette3.wikia.nocookie.net/hayday/images/1/10/Reddit.png/revision/latest?cb=20160713122603",
src: "http://www.reddit.com/submit?url=<URL>"
},
{
label: "Direct link",
src: "http://demo.theoplayer.com/social-sharing"
},
{
label: "Embed",
text: '<iframe width="640" height="360" src="http://demo.theoplayer.com/social-sharing" frameborder="0" allowfullscreen>\n</iframe>'
}
];
Android (TV) SDK

This API is currently not available on the Android (TV) SDK.

iOS (/tvOS) SDK

This API is currently not available on the iOS (/tvOS) SDK.