Das hier sind die Metatags die man benötigt:
$this->cacheCode('[php]','<!DOCTYPE html>
<html>
<head>
<title>Demo fuer Toosten</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<meta property="og:site_name" content="marksimons.de" />
<meta property="og:type" content="article" />
<meta property="og:video:width" content="1200" />
<meta property="og:video:height" content="630" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" content="Demo fuer Toosten" />
<meta property="og:url" content="http://www.marksimons.de/panorama/demo/index.html" />
<meta property="og:image" content="http://www.marksimons.de/panorama/demo/preview.jpg" />
<meta property="og:video" content="http://www.marksimons.de/panorama/demo/tour.swf?pano=http://www.marksimons.de/panorama/embdemoed/tour.xml" />
<meta property="og:video:secure_url" content="https://www.marksimons.de/panorama/demo/tour.swf?pano=https://www.marksimons.de/panorama/demo/tour.xml"/>
<!-- Describe the pano. Facebook recommends at least two sentences and gives a 100-word example. -->
<meta name="Description" content="LENGTHY DESCRIPTION HERE"/>
<meta property="og:description" content="LENGTHY DESCRIPTION HERE"/>
<style>
@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
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; }
</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="vertical-align: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", html5:"prefer", initvars:{design:"flat"}, passQueryParameters:true});
</script>
</div>
</body>
</html>
')
Der einzige Eintrag der halt auf SSL besteht ist
meta property="og:video:secure_url" und ohne den gehts nicht. Manche der Metatags braucht man nicht zwingend, und auf der IVRPA-Seite wird zusätzlich erklärt mit welchen Handgriffen man das Panorama auch gleich Twitter-tauglich machen kann.
Dies ist auch gleich das passende Beispiel für meine vor ein paar Wochen gestellte Frage nach der Generierung einer zweiten XML durch das Droplet. Denn wenn man dieselbe XML referenziert die auch Besucher der Webseite zu sehen bekommen, mit dem üblichen KrPano-Interface oder eigenen Anpassungen wird das kleine Fensterchen arg überlastet. Hier im Beispiel von Panono ein simples, aber ausreichendes Interface:
So könnte man im Header eine separate "facebook.xml" angeben die speziell auf das kleine Winz-Fensterchen angepasst ist und nur das nötigste an Steuerelementen lädt, aber wer die Webseite direkt ansurft bekommt die richtige Ansicht zu sehen...
LInk zur IVRPA-Demo:
http://ivrpa.org/tutorial/embedding-pano…n-social-media/