Managing Social Sharing Buttons

List of contents:

• Using the Sharing Buttons
• Activating Sharing Buttons for Individual Videos
• 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
• Email button

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:

00:44

Link

Embed

Copy and paste this HTML code into your webpage to embed.

Share bar (and embedding) is enabled by default and can be disabled by checking the box Disable Sharing in Settings > FV Player > Setup tab > Sitewide FV Player Defaults.

Activating Sharing Buttons for Individual Videos

Sharing buttons can be activated or deactivated for individual videos in the video shortcodes. This will re-write the default setting.

You can do so either by manually entering the parameters share="no" and share="yes" into the video shortcodes, or by using the shortcode editor. To do that, first activate the option by checking the box Sharing Buttons in Settings > FV Player > Setup tab > Post Interface Options. 

Then just open the shortcode editor and under the Options tab you will find the option Sharing Buttons. Select the option you want from the drop-down list.

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.