WordPress.org

Ready to get started?Download WordPress

Forums

Video thumbnail via posts not showing in Facebook (2 posts)

  1. phattrance
    Member
    Posted 9 months ago #

    i have started a new video blog and using the JW player for my flash files (mp4). but i noticed that when i click on the facebook like or share button, facebook doesnt display a thumbnail or the video at all. Facebook just skips the thumbnail and just adds the title and a link.

    How can i force facebook to add a thumbnail of the video???

    You can see a demo of it by visiting the blog and clicking on the facebook share button below the video, from there youll see the facebook pop-up and how the post will look like

    Blog url: http://vine-videos.com/

  2. CrouchingBruin
    Member
    Posted 9 months ago #

    First off, from what I understand, Facebook will rarely use an image from a root-level URL. For example, if you put http://youtube.com in a Facebook status, you won't see a preview image. Paste the link from an individual video page, you'll see the preview.

    Second, Facebook will only use standard image files (.jpg, .png, etc) to create a preview image, it won't create something from a video clip. But wait, you say, when I posted a link to a YouTube video, I see a preview image. If you go to a YouTube video page, and view the source, you will see a line that looks something like this:

    <meta property="og:image" content="https://i1.ytimg.com/vi/rKCvhA0xWss/hqdefault.jpg?feature=og">

    If you take a look at that .jpg file, you'll see that it's the same thumbnail that appears if you paste the link to the YouTube video in your FB status. All of those meta properties which begin with og stands for the Open Graph Protocol and it's what Facebook uses to determine what your site is about.

    So, you'll have to create an image that represents the page, maybe a capture of the video clip. Then you'll have to add the Open Graph Protocol information to your post or page header. If you search the WordPress Plugins Directory for open graph protocol, you'll be able to find plugins that will help you.

Reply

You must log in to post.

About this Topic