Hello.
I am trying to get some old panos working in html5. They were made with swfobject/swfkrpano.js. The flash versions are working but nothing happens in html5. No error, only black screen. The cursor is switching to the draging one, but as it looks, no data.
This is my html:
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Virtual Tour generated by Panotour</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<style type="text/css">
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; overflow:hidden; }
#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
</style>
</head>
<body><script src="embedpano.js"></script>
<script src="swfobject/swfkrpano.js"></script>
<div id="pano" style="width:100%;height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;text-align:center;"><td>ERROR:<br><br>Javascript not activated<br><br></td></tr></table></noscript>
<script>
if(!document.domain && window.chrome && location.search.toLowerCase().indexOf("html5=only") > 0)
{
// Chrome doesn't allow loading local xml files in HTML5
document.getElementById("pano").innerHTML = '<table style="width:100%;height:100%;"><tr style="vertical-align:middle;text-align:center;"><td>Loading local/offline xml files is not allowed in HTML5 due Chrome security restrictions!<br>Use a localhost server (like the <a href="http://krpano.com/tools/ktestingserver/#top">krpano Testing Server</a>) for local/offline testing.</td></tr></table>';
}
else
{
embedpano({swf:"krpano.swf", xml:"krpano.xml", target:"pano", html5:"prefer", passQueryParameters:true});
}
</script>
</div>
</body>
</html>
Like this it works on flash, if I delete <script src="swfobject/swfkrpano.js"></script>
the browser shows that html5 player is loaded but shows black screen.