![[H]ard|Forum](/styles/hardforum/xenforo/logo_dark.png){kind=logo}
How do i embed custom players in facebook?
I've been trying to get this to work for a couple of days now. I've tried googling, but altho there are sources, none of them actually have a working example. So i've just been doing what they say but it doesn't seem to be working.
Basically, according to most of them, if i wanted facebook to expand a post without going to the website like youtube does, i just need to add some og metadata?
<html>
<head>
<meta property="og:type" content="movie" />
<meta property="og:video:height" content="320" />
<meta property="og:video:width" content="240" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" content="Test" />
<meta property="og:description" content="prototype player" />
<meta property="og:image" content="http://sly.freehostia.net/embed/thumbnail.jpg" />
<meta property="og:video" content="http://sly.freehostia.net/embed/player.swf?id=abcdefgh" />
<meta property="og:url" content="http://sly.freehostia.net/embed/embed.html" />
</head>
<body>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.swfobject.1-1-1.min.js"></script>
<script>
$(document).ready(
function() {
$('#flashcontent').flash(
{
swf:'embedtest.swf',
flashvars:{
id:'abcdefgh'
},
scale:'noScale',
salign:'tl',
width:320,
height:240,
id:'embedtest'
});
}
);
</script>
<div id="flashcontent" name="flashcontent">
</div>
</body>
</html>
But when i post this site, the thumbnail is still just a regular thumbnail and clicking on it opens a new page. What am i doing wrong? I've been reading about whitelists, but when i looked a bit more, you apparently don't need a whitelist anymore.
And yes, I've been going through facebook developer site, but it's all definitions and don't actually say how you get it to work.
I've been trying to get this to work for a couple of days now. I've tried googling, but altho there are sources, none of them actually have a working example. So i've just been doing what they say but it doesn't seem to be working.
Basically, according to most of them, if i wanted facebook to expand a post without going to the website like youtube does, i just need to add some og metadata?
<html>
<head>
<meta property="og:type" content="movie" />
<meta property="og:video:height" content="320" />
<meta property="og:video:width" content="240" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" content="Test" />
<meta property="og:description" content="prototype player" />
<meta property="og:image" content="http://sly.freehostia.net/embed/thumbnail.jpg" />
<meta property="og:video" content="http://sly.freehostia.net/embed/player.swf?id=abcdefgh" />
<meta property="og:url" content="http://sly.freehostia.net/embed/embed.html" />
</head>
<body>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.swfobject.1-1-1.min.js"></script>
<script>
$(document).ready(
function() {
$('#flashcontent').flash(
{
swf:'embedtest.swf',
flashvars:{
id:'abcdefgh'
},
scale:'noScale',
salign:'tl',
width:320,
height:240,
id:'embedtest'
});
}
);
</script>
<div id="flashcontent" name="flashcontent">
</div>
</body>
</html>
But when i post this site, the thumbnail is still just a regular thumbnail and clicking on it opens a new page. What am i doing wrong? I've been reading about whitelists, but when i looked a bit more, you apparently don't need a whitelist anymore.
And yes, I've been going through facebook developer site, but it's all definitions and don't actually say how you get it to work.