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
Related
It is easy to put youtube video into meta tag. But I am trying to put a facebook page video into the og:video meta tag. However, the video doesn't show up. Any idea?
<!-- https://developers.facebook.com/docs/sharing/webmasters#media -->
<meta property="og:url" content="http://homemaidapp.com/apps/rfsn/test2.php" />
<meta property="og:title" content="test title" /
<meta property="og:description" content="test descritpion" />
<meta property="og:image" content="http://homemaidapp.com/apps/rfsn/image/sample_fb_share.png" />
<meta property="og:type" content="video" />
<meta property="og:video" content="https://www.facebook.com/video.php?v=1013127335421377_990687704332007">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="500">
<meta property="og:video:height" content="281">
<meta property="fb:app_id" content="348767955164988"><!-- facebook app id for tracking or advanced function -->
I found the facebook video download link can be used to put into the og:video and I changed the og:video:type to video/mp4. It works.
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 :
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 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!