Embedding on facebook.com

  • Hello Everybody,
    I i triyng very hard to put my panos into facebook wall, i have read all the forum, but i couln't find the code i need to put so they will show.
    I am already in white list, and i prepared the html file, but when i pasted my URL: http://www.puntadeleste360.com/sg/casapiedra_swf/ in face book, i only get the thumb where i put the path for. I don't get the PLAY button. I am missing something? this is the code i am using:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Chacras de Sugar Loaf</title>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <meta name="description" content="Chacras de Sugar Loaf" />

    <link rel="video_src" href="http://www.puntadeleste360.com/sg/casapiedra_swf/index.html"/>

    <meta name="title" content="Casa de en las Chacras de Sugar Loaf" />

    <link rel="image_src" href="http://www.puntadeleste360.com/sg/casapiedra_swf/thum1.jpg" />

    <meta name="video_height" content="280" />

    <meta name="video_width" content="280" />

    <meta name="video_type" content="application/x-shockwave-flash" />

    <style>
    html { height:100%; }
    body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
    a{ color:#AAAAAA; text-decoration:underline; }
    a:hover{ color:#FFFFFF; text-decoration:underline; }
    </style>
    </head>
    <body>

    <script src="tour.js"></script>

    <div id="pano" style="width:100%; height:100%;">
    <noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
    <script>
    embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano"});
    </script>
    </div>

    </body>
    </html>

    Thank you very much.
    Nico

  • Hi - This is what I use and it works just fine.
    You can see it in action on my facebook wall (look for Résidence Almes) : http://www.facebook.com/pages/Immersium/131615226886648


    <html>

    <head>
    <title>YOUR TITLE</title>
    <meta name="title" content="Title" />
    <meta name="description" content="Description" />
    <link rel="image_src" href="http://www.yourwebsite.com/thumb.jpg" />
    <link rel="video_src" href="http://www.yourwebsite.com/tour.swf"/>
    <meta name="video_height" content="350" />
    <meta name="video_width" content="470" />
    <meta name="video_type" content="application/x-shockwave-flash" />
    </head>

    <body>

    <script src="tour.js"></script>

    <div id="pano" style="width:100%; height:100%;">
    <noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
    <script>
    embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano"});
    </script>
    </div>

    </body>
    </html>

  • Hello! thank you for your reply.
    I coud get the play button to work, and when i press the right clic on the tour i can see the ABOUT krpano.
    Here i attach my tour files, i don;t get ir why is not working. It looks easy, but is very hard.

    Here is the new code you gave me.

    Thank you again!

    NEW CODE

    <html>

    <head>
    <title>Chacras de Sugar Loaf</title>
    <meta name="Chacras de Sugar Loaf" content="Sugar Loaf" />
    <meta name="description" content="Description" />
    <link rel="image_src" href="http://www.puntadeleste360.com/foro/thumb.jpg" />
    <link rel="video_src" href="http://www.puntadeleste360.com/foro/tour.swf"/>
    <meta name="video_height" content="350" />
    <meta name="video_width" content="470" />
    <meta name="video_type" content="application/x-shockwave-flash" />
    </head>

    <body>

    <script src="tour.js"></script>

    <div id="pano" style="width:100%; height:100%;">
    <noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
    <script>
    embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano"});
    </script>
    </div>

    </body>
    </html>

  • Same as Jarredja, the 2 latest tours work fine on my side.
    I would nevertheless advise you to decrease the size of the cubes (with no multiresolution) as they take a long time to load.
    If I may, I would also create a special skin for Facebook, eg no need to have a fullscreen button as it doesn't work within Facebook.

  • Hi,

    I'm trying to embed a panorama into facebook.

    In facebook, I have the play button to load the pano but when I click, I got that error : "FATAL: resto.xml - loading error (Security Error)"

    I've created a crossdomain.xml file and put it on my server (I tried on the path of the resto.xml, on the starting path of the server) but nothing works.

    The html code:

    Using firebug, it seems that facebook looking for http://static.ak.facebook.com/crossdomain.xml and not my crossdomain.xml file.

    Someone has an idea how getting this work ?

    Thanks

    Yannick

    Edited once, last by yay (July 15, 2011 at 9:57 PM).

  • That's ok. I found the problem.

    You have to call the swf that way (with the crossdomain.xml on the root of your server):

    Code
    <meta property="og:video" content="http://wisit360.com/krpano/panos/20110702_restau_le_denti_multires/krpano.swf?pano=http://wisit360.com/krpano/panos/20110702_restau_le_denti_multires/resto.xml" />
  • Another question : is it possible to go on the facebook page from an iphone and see the panoramas ? (here, we embed swf files so unreadable from an iphone)

    Yannick

  • hello everyone,

    i try to get my panos into facebook, but don`t know how.
    i read all topics - but i understand notihing.
    i`m a 13 years old pano & fb beginner - so my english is not the best.

    i don`t know, where i have to put the html code in fb or how to make a page?!?!

    is there someone who have a german instruction, please *g*

    erik

  • ok - preparing my panos for fb i checked, but
    how get i the text and thumbnail in fb?

    i get only these on my site:
    status, foto, video, link, frage
    and in no one i can put text AND picture.

    erik

  • Hi, i have added some krpano panos in my facebook page but since yesterday i cannot any mode it does not work. and my meta data looks like

    <meta property="fb:page_id" content="my pageid" />
    <meta property="og:title" content="sadasd" />
    <meta property="og:type" content="article" />
    <meta property="og:image" content="http://mywebsitename/facebookvideo5/image2.png" />
    <meta property="og:url" content="http://mywebsitename/" />
    <meta property="og:video" content="http://mywebsitename/facebookvideo5…deo5/krpano.xml" />
    <meta property="og:video:type" content="application/x-shockwave-flash" />
    <meta property="og:video:width" content="398" />
    <meta property="og:video:height" content="460" />

    <meta name="description" content="something" />


    any idea why it does not anymore work???

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!