It is a shame to me to admit, but I don't know a basis of HTML of programming at all... :( Very much I ask to help to resolve this very important issue up to the end.
I have added your example to index.html, but the standard option of a mistake from tour.js is all the same displayed...
Here is how my index.html looks now:
<!DOCTYPE html>
<html>
<head>
<title>krpano - 9</title>
<meta name="viewport" content="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 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" />
<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>
<script src="html5sound/js/howler.core.min.js"></script>
<script src="html5sound/js/howler.effects.min.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:null, target:"pano", html5:"auto", mobilescale:1.0, onready: function (tour)
{
tour.set ("events.onxmlerror", function () {console.log ("error:" + tour.get ("lasterror"));});
tour.call ( "loadpano (tour.xml);");
}
});
</script>
</div>
</body>
</html>