I have an issue playing embedded video on Facebook. I'm using the jwplayer player to post video on Facebook using an iframe (like youtube). In my embed file I use the properties below:
<meta property="og:type" content="movie" />
<meta property="og:video:height" content="260" />
<meta property="og:video:width" content="420" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" content="Neighbors title " />
<meta property="og:description" content="A couple with a house." />
<meta property="og:image" content="video Image file path added here" />
<meta property="og:video" content="http://example.com/jwplayer/jwplayer.flash.swf?file=xyz.mp4&autostart=true" />
But this is not working. Is there any Facebook account setting required to play the video? Every time I search on Google it redirects me to share stories and canvas URL.
You need to use JW5 for this - http://www.jwplayer.com/blog/publish-your-videos-to-facebook-with-a-jw-player/
Also FB embedding requires HTTPs now.
Related
I have a problem with the recognition of the tag og:image in my site.
This is the code generated in my php app
<meta property="og:title" content="Fondazione dell'ordine degli psicologi dell'abruzzo onlus" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://www.ordinepsicologiabruzzo.it/images/img_jolly.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="243" />
<meta property="og:image:height" content="227" />
<meta property="og:url" content="https://www.ordinepsicologiabruzzo.it/news/in-primo-piano/fondazione-dell-ordine-degli-psicologi-dell-abruzzo-onlus.html" />
<meta property="og:site_name" content="Ordine degli Psicologi della regione Abruzzo" />
But in the facebook debugger tool the image is not taken quickly and fb advice me to use og:image:width and og:image:height but... these tags are here!
I have tried using the http (and not https) version of the site but is the same.
The website is: www.ordinepsicologiabruzzo.it and a lot of pages are just correctly scraped.
Any ideas?
Your website is not currently declaring og-image in the head. You can see this by visiting your site and viewing source. You'll notice that some of your OpenGraph tags are also missing their content value, including og-image:type, og-image:width, og-image:height.
If you check Facebook's Developer tools, you will be told the same thing, that you are missing og-image.
Add the og-image tag, and just use // for the beginning of content link.
<meta property="og:image" content="//ordinepsicologiabruzzo.it/images/img_jolly.jpg" />
In order to share an Html content in facebook (witch may not be possible), i saw a trick using Open graph protocol and a SWF Player so the post will be treated as video post .
Exemple (link) :
<meta property="og:title" content="What anti agin method do you preffer?">
<meta property="og:image" content="https://mintsapp.io/uploads/polls/5639037a63bed.jpg" />
<meta property="og:url" content="https://mintsapp.io/poll/view/1395" />
<meta property="og:video" content="https://mintsapp.io/player/player.swf?id=1395&type=poll&token=567dcd401fb74&voteChoiceId=3172" />
<meta property="og:video:secure_url" content="https://mintsapp.io/player/player.swf?id=1395&type=poll&token=567dcd401fb74&voteChoiceId=3172" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="472" />
<meta property="og:video:height" content="355" />
and when it comes to share this page on facebook , it will be treated like a video and an html content will be compiled using that SWL player , its actually load the html content and display it as flash content .
see this link : https://mintsapp.io/player/player.swf?id=1395&type=poll&token=567dcd401fb74&voteChoiceId=3172
I need to understand how to do something similar to that, because i've been googling the whole day with no results.
Thanks
Facebook og:image is not showing.
I used Facebook debugger: https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fmuserk.sourcepadstage.com%2Fvideo%2Findex%2F53145ccd4f26109a448b50c6
og:image part shows blank but can be clicked.
Here's my meta btw:
<meta property="og:image" content="http://<?php echo $_SERVER['SERVER_NAME']; ?>/static/img/nega.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:title" content="Check out what I made on Muserk.com" />
<meta property="og:site_name" content="Check out what I made on Muserk.com" />
<meta property="og:description" content="Muserk.com gives you the ability to legally add music to your videos and share them with the world!" />
<meta property="og:url" content="http://<?php echo $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; ?>" />
My image is 200x200 in size.
And my site has a password, does it affect the og:image?
As your website is password protected. Facebook cant read it content.
So it is showing Error parsing input URL, no data was scraped.
I am sharing my website video page on Facebook. I have used a high resolution image in og meta tag.
My Issue
When I use the highlight feature for my post, facebook doesn't shows the big image like it is doing in the YouTube video sharing case. I am using following code:
<meta property="og:site_name" content="MysiteName"/>
<meta property="og:url" content="Post URL"/>
<meta property="og:title" content="你好，喬，這是工作"/>
<meta property="og:type" content="video" />
<meta property="og:image" content="Image Url" />
<meta property="og:description" content="Enter Your Sub Headline Text Here"/>
<meta property="og:video" content="Video Url" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="2048" />
<meta property="og:video:height" content="1024" />
<meta property="fb:app_id" content="AppID" />
Little preview to show, what i want to achieve. http://screencast.com/t/rxCbLySMEn
Please help to resolve the error.
Which link are you passing in og:video?
YouTube does that with the use of the og:video tag.
og:image for normal image
og:video when video in highlight mode
The URL needs to be in this format:
<meta property="og:video" content="http://www.youtube.com/v/k86xpd26M2g">
I have some strange issue with Facebook share. Im using the following code to share an swf player on Facebook. It shares the player, and its useable on Facebook, but only for me. For other users it only shares the preview image and clicking on it redirects to the url instead of append the player and play it.
<meta property="fb:app_id" content="*****">
<meta property="og:title" content="Hallgassviccet"/>
<meta property="og:type" content="video"/>
<meta property="og:url" content="http://www.hallgassviccet.hu/index.php?id=1"/>
<meta property="og:video" content="http://www.hallgassviccet.hu/images/preview.swf?componentWidth=280&componentHeight=78&pathToFiles=http://www.hallgassviccet.hu/admin/player/&xmlPath=xml/settings.xml&artistName=Hallgass Viccet&songName=A szétvert budi&songURL=viccek/viccek_100907_a szetvert budi.mp3" />
<meta property="og:image" content="http://i1.ytimg.com/vi/H73O8zaHmAo/default.jpg">
<meta name="video_type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="280" />
<meta property="og:video:height" content="78" />
And the share url is:
<a title="Add a Facebook-hoz" onclick="window.open('http://www.facebook.com/share.php?u=http://www.hallgassviccet.hu/index.php?id=1');return false;" href="http://www.facebook.com/" target="_blank"><img border="0" src="images/facebook.png" onMouseOver="this.src='images/facebook_hover.png'" onMouseOut="this.src='images/facebook.png'" width="24" alt="Oszd meg Facebook-on" style="cursor:pointer;" /></a>
Whats wrong here? Why other people cant use the swf player on Facebook?
Probably because the others are logged in over HTTPS and you over HTTP. Facebook won't play back the SWF for users who are browsing over HTTPS unless the SWF source is over HTTPS as well.