logo

Social Sharing

The article(s) in this section describe how to implement common use-cases related to Social Sharing feature.

The Social Sharing feature adds a component to the UI which enables viewer 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

Table of Contents

SDKs

Web SDK Android SDK iOS SDK tvOS SDK Android TV SDK Chromecast SDK
Yes No No No No N/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 = 'http://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.

github
Make sure to follow us on GitHub!
THEO-logo-white
twitter
facebook
linkedin
Copyright © 2020. All Rights Reserved.
Leuven
New York
Singapore
Barcelona