Managing Social Sharing Buttons

List of contents:

• Using the Sharing Buttons
• Facebook Sharing

Using the Sharing Buttons

Our free video plugin for WordPress FV Player just got another nice feature. It's a simple yet effective share bar which appears everytime you move your mouse over the video. It includes sharing buttons for:

• Facebook
• Twitter
• Google+
• Email button

FV Flowplayer Share Bar

Clicking on one of the sharing buttons will open a sharing screen and FV Player will generate a link to the page where the video is posted. You can test it in this video:

Share bar (and embedding) can be disabled in Settings -> FV Player -> Setup tab -> Sitewide Flowplayer Defaults - Disable Sharing.

Facebook Sharing

FV Player is able to upload a video to Facebook directly, not just post a link to the page where the video is posted. This has however a couple of requirements to work:

1. The only format compatible is MP4 and the videos must be either self-hosted, or hosted on an unrestricted server. For example, if you are using Amazon S3, you will need to host your video in a bucket with Read permission granted for Everyone.




You will also need to grant the read-only permission to an "Anonymous User" in the bucket's Permission settings / Bucket Policy. Just use this code and change the "examplebucket" with the name of your bucket:


{
  "Version":"2012-10-17",
  "Statement":[
    {
      "Sid":"AddPerm",
      "Effect":"Allow",
      "Principal": "*",
      "Action":["s3:GetObject"],
      "Resource":["arn:aws:s3:::examplebucket/*"]
    }
  ]
}

2. The video needs to have a splash image. Learn how to add one in this guide.
3. Your website has to be running on HTTPS.
4. The share button only works for the fist video on a page, so if you have more than one video in a post, it will always load the first one.
5. This is how the sharing screen will look like:


Sharing videos to Facebook directly

If you don't get the video preview, just run your page through the Facebook's Debugger tool and scrape again the data. You should see the change when splash image of the video is loaded.

Use the video above to test it for yourself. You can check this post on Facebook to see how the video will look like after sharing.