I added open graph tags to the following URL to enable video embedding on Facebook: http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw
This worked up until a few days ago but now the thumbnail on the Facebook post no longer has the play button. Clicking on it now redirects to the URL rather than displaying the embedded Flash video. The puzzling thing is that the Facebook Object Debugger says there are no errors and that video embedding is enabled (as seen here).
Here are the open graph tags I am using:
<meta property="og:title" content="Wow, Look at that!" />
<meta property="og:type" content="product.item" />
<meta property="og:description" content="and now something that you've never seen before in all your days...." />
<meta property="og:image" content="http://media.staging.shoppost.in/physicalitems/0e1a8af7-736f-443e-b5e5-d09830c88f38/art/38213a2d-fe0e-4898-9d0e-80305c6e7230.jpg" />
<meta property="og:site_name" content="Shoppost" />
<meta property="og:video" content="http://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:video:secure_url" content="https://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw"/>
<meta property="og:url" content="http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:locale" content="en_us"/>
<meta property="og:video:height" content="296" />
<meta property="og:video:width" content="526" />
<meta property="og:video:type" content="application/x-shockwave-flash"/>
I have been struggling with this for a while, please let me know if you have any insight. Thanks!
Related
I'm interested in sharing embedded content on social media. My goal is to allow real estate agents to share a slide show of a house they're selling, and to this end I'd really like to be able to embed content rather than linking back to it.
A great example of what I want to do is here, on the authorStream facebook page.
How are they embedding this content? Do they have some deal with facebook?
If you're interested in how they did this, I recommend you use the OpenGraph Debugger and observe the tags they added to their page to make this content visible in this form. Here's a sample:
<meta name="og_site_name" property="og:site_name" content="authorSTREAM" />
<meta property="og:title" content="15 Steps to Prepare for an Interview -Sachin Karpe " />
<meta property="og:description" content="Sachin Karpe shares few steps before you walk for an interview.- authorSTREAM Presentation" />
<meta property="fb:admins" content="632248145" />
<meta property="fb:app_id" content="26672622939" />
<meta property="og:image" content="http://authorstream.s3.amazonaws.com/content/2177074_635379786451345000.jpg" />
<meta property="og:type" content="movie" />
<meta property="og:url" content="http://www.authorstream.com/Presentation/sachinkarpe-2177074-15-steps-prepare-interview-sachin-karpe/" />
<meta property="og:video" content="http://www.authorstream.com/Player.swf?p=2177074_635379786451345000&r=1&pt=3&fb=1&mb=1&nb=1&pl=as&ap=0&c=#dfdfdf&fi=1" />
<meta property="og:video:secure_url" content="https://www.authorstream.com/player.swf?p=2177074_635379786451345000&r=1&pt=3&fb=1&mb=1&nb=1&pl=as&ap=0&c=#dfdfdf&fi=1" />
<meta property="og:video:height" content="402" />
<meta property="og:video:width" content="481" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
Last, you could check the Open Graph Get Started documentation from Facebook
I looked on how to share a video from my website on facebook like youtube
And comment there but no answer
My web site is www.wise-event.co.il and my meta tags:
<meta property="og:site_name" content="Wise Event - הדרך החכמה לניהול הערב" />
<meta property="og:title" content="Wise Event - ניהול אירועים ומוזמנים בסמרטפון" />
<meta property="og:type" content="video" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:height" content="281" />
<meta property="og:video:width" content="500" />
<meta property="og:video" content="http://vimeo.com/moogaloop.swf?clip_id=97653968" />
<meta property="og:video:secure_url" content="https://vimeo.com/moogaloop.swf?clip_id=97653968">
<meta property="og:image" content="http://www.wise-event.co.il/Content/img/WE/logo-final.png" />
<meta property="og:url" content="http://www.wise-event.co.il" />
<meta property="og:description"
content="אנו גאים להציג את מערכת Wise Event, המספקת נתונים לפני, בזמן ואחרי האירוע אודות האורחים, יוצרת מאגר לקוחות, ומנהלת את זרימת הקהל פנימה. " />
<meta name="author" content="Wise Event">
tried:
regular url supplied by vimeo... no luck
debug it using the facebook developer debugger - no warnings
Why is it still brings the image instead of the video?
In fact, your code works as shown on the Facebook object debugger : https://developers.facebook.com/tools/debug/og/object?q=http://www.wise-event.co.il
The last part says it's a video with the good attributes of the video. The reason you think there is an error is because the Share Preview doesn't show a video, but if you try to actually share your url you can see the video as show here :
When I embed video to facebook using the following metadata I am able to embed video succesfully but I don't want facebook to add the text on top of image after embed. How can I do it?
<meta property="og:type" content="movie"/>
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video" content="http://player.theplatform.com/p/yHjoOC/onsite_dev/swf/select/nEdMK4_islkz&autoPlay=true" />
<meta property="og:video:height" content="265" />
<meta property="og:video:width" content="470" />
<meta property="og:video:secure_url" content="https://player.theplatform.com/p/yHjoOC/onsite_dev/swf/select/nEdMK4_islkz&autoPlay=true" />
<meta property="og:title" content="Christina Aguilera On The Voice"/>
<meta property="og:description" content="Christina Aguilera gives insight on her team and competition." />
<meta property="og:image" content="https://mpxstatic-nbcmpx.nbcuni.com/NBCdotCOM/mezzthumb/9d883881039c20870dfeaf068a5be0e7_1c966ee53db728d715881e1cf193ebc2.jpg"/>
Please help me how to achieve this.
Its facebook default behavior so we cannot change it
I am trying to embed my own custom video player on Facebook, and I don't know why it does not work. It was build with the YouTube API. After much googling around, I still can't find an answer.
Below is the code I am using. What could be the problem? Any ideas?
(Note, if I use YouTube URL it works, but when I use my own working swf, it doesn't)
<meta property="fb:app_id" content="870699924261475"/>
<meta property="og:site_name" content="example.com"/>
<meta property="og:title" content="This is my title"/>
<meta property="og:description" content="this is a description of my own video player"/>
<meta property="og:url" content="http://www.example.com"/>
<meta property="og:type" content="video"/>
<!--<meta property="og:video" content="http://www.youtube.com/v/vIu85WQTPRc?version=3" /> -->
<meta property="og:video" content="http://www.example.com/example.swf?v=vIu85WQTPRc" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="374" />
<meta property="og:video:height" content="202" />
<meta property="og:image" content="http://example.com/images/logo_beta.gif"/>
You need to specify the og:secure_url property for people browsing facebook with HTTPS.
I have a page (URL) that visitors to my website can share on their wall. What I'd like is when their friends view the post in their feed that the link of the post clicks through to my website but that the post on their wall also include a video they can play directly in their feed.
I have been trying to get this to work with Facebook page meta data but so far no luck. I have added the following tags, is there anything obvious I'm missing?
<meta property="fb:app_id" content="xyz" />
<meta property="og:title" content="My Page Title" />
<meta property="og:type" content="video" />
<meta property="og:url" content="/url/to/my/site" />
<meta property="og:description" content="Lorem ipsum" />
<meta property="og:image" content="http://www.youtube.com/watch?v=xCydfLwgXI" />
<meta property="og:video" content="http://www.youtube.com/watch?v=xCydfLwgXI" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:secure_url" content="https://www.youtube.com/watch?v=xCydfLwgXI" />
Indeed, very popular question.
Look at source: http://fb.stevelarsen.co.uk/example.html
Similiar topic: Open graph og:video Meta Tags content