i have a video page which i want to share on facebook. once i share that page on the facebook its showing video which can be played on the facebook itself. i want that video page should be shown as youtube page shared on facebook with the video on left side and title description on right side. once you click on the video it will expand and starts playing(copy any video link from the youtube and share you will see the video on left title description on the rightside)
as in the following image
following og tags i have added
<meta property="og:title" content="Tilt Viral App" />
<meta property="og:url" content="https://tilt.regalixdigital.com/share.php?id=video1503325335" />
<meta property="og:description" content="Test11" />
<meta property="og:video:url" content="https://tilt.regalixdigital.com/tilt_videos/video1503325335.mp4" />
<meta property="og:video:type" content="text/html" />
<meta property="og:video:secure_url" content="https://tilt.regalixdigital.com/tilt_videos/video1503325335.mp4" />
<meta property="og:video:width" content="600" />
<meta property="og:video:height" content="400" />
<meta property="og:site_name" content="Tilt" />
<meta property="og:image" content="https://tilt.regalixdigital.com/images/new-design/FB_Poster.jpg" />
my video page
https://tilt.regalixdigital.com/share.php?id=video1503325335
Related
I am using og:video meta tag to do sharing of video and I can play the video in Facebook newsfeed from desktop browser. However if I view the video from Facebook app, it will not not play the video and it will bring me to the article page.
You can use the Facebook Share feature from https://www.youth.sg/Spotted/People/2017/5/Captured-by-the-journey
Appreciate anyone who can help. Is there any issue with my meta tag?
<meta property="og:video" content="https://www.facebook.com/video/embed?video_id=1557722510925076" />
<meta property="og:video:width" content="1280" />
<meta property="og:video:height" content="720" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:type" content="video.other" />
<meta property="og:image" content="https://www.youth.sg/~/media/YouthSG/behind-the-gram-yk/YK-banner.ashx?w=800&h=450&thn=1" />
<meta property="og:image:width" content="800" />
<meta property="og:image:height" content="450" />
<meta property="og:title" content="Captured by the journey" />
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 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 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!
Wanted scenario:
people link to my website via Facebook
open graph data pops up (name, description, thumbnail, ...) (which works)
when you click the thumbnail a youtube video plays (which doesn't work)
Facebook seems to know that there is a video to be played, but doesn't want to go through with it.
My code:
<meta property="og:image" content="<url>" />
<meta property="og:site_name" content="<name>" />
<meta property="og:description" content="<description>" />
<meta property="og:video" content="http://www.youtube.com/v/S3_AwK3ujQI&fs=1" />
<meta property="og:video:width" content="560" />
<meta property="og:video:height" content="315" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<link rel="video_src" href="http://www.youtube.com/v/S3_AwK3ujQI&fs=1" />
<meta name="video_type" content="application/x-shockwave-flash" />
<meta name="video_width" content="560" />
<meta name="video_height" content="315" />
What seems to be wrong? I read somewhere that the solution has to do something with SSL, but since I link to a external YouTube video that shouldn't be the case; or is it?
You also need an og:picture. Using https for the video url will let it play for people who have Facebook on secure. Go to a youtube page and check out what they're using for og tags.