<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<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" /> <script type="text/javascript" src="panoramy/1/swfobject.js"> <script type="text/javascript">
// hide URL field on the iPhone/iPod touch
function hideUrlBar() {
if (((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))) {
container = document.getElementById("container");
if (container) {
var cheight;
switch(window.innerHeight) {
case 208:cheight=268; break; // landscape
case 336:cheight=396; break; // portrait, in call status bar
case 356:cheight=416; break; // portrait
default:
cheight=window.innerHeight;
}
if ((container.offsetHeight!=cheight) || (window.innerHeight!=cheight)) {
container.style.height=cheight + "px";
setTimeout(function() { hideUrlBar(); }, 1000);
}
}
}
if (window.pageYOffset==0) {
window.scrollTo(0, 1);
}
}
<style type="text/css" title="Default"> body, div, h1, h2, h3, span, p {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
}
/* fullscreen */
html {
height:100%;
}
body {
height:100%;
margin: 0px;
overflow:hidden; /* disable scrollbars */
}
body {
font-size: 10pt;
background : #ffffff;
}
table,tr,td {
font-size: 10pt;
border-color : #777777;
background : #dddddd;
color: #000000;
border-style : solid;
border-width : 2px;
padding: 5px;
border-collapse:collapse;
}
h1 {
font-size: 18pt;
}
h2 {
font-size: 14pt;
}
.warning {
font-weight: bold;
}
<body onorientationchange="hideUrlBar();">
<div class="prezentacja" style="margin-top: 100px;float: left; width: 100%; height: 40px; top: 40px;"> <input type="hidden" id="name" value="test" /> <input type="hidden" id="name_2" value="test2" /> <input type="hidden" id="folder" value="folder2" />
<script type="text/javascript" src="panoramy/1/pano2vr_player.js"> <script type="text/javascript" src="panoramy/1/skin.js"> <div id="container" style="width:100%;height:100%;margin-top: 300px"> This content requires HTML5/CSS3, WebGL, or Adobe Flash Player Version 9 or higher.
<script type="text/javascript">
// check for CSS3 3D transformations and WebGL
if (ggHasHtml5Css3D() || ggHasWebGL()) {
// use HTML5 panorama
// create the panorama player with the container
pano=new pano2vrPlayer("container");
// add the skin object
skin=new pano2vrSkin(pano);
// load the configuration
pano.readConfigUrl("panoramy/" + folder + "/" + name);
// hide the URL bar on the iPhone
hideUrlBar();
} else
if (swfobject.hasFlashPlayerVersion("9.0.0")) {
var flashvars = {};
var params = {};
params.quality = "high";
params.bgcolor = "#ffffff";
params.allowscriptaccess = "sameDomain";
params.allowfullscreen = "true";
var attributes = {};
attributes.id = "pano";
attributes.name = "pano";
attributes.align = "middle";
swfobject.embedSWF(
"panoramy/1/" + name_2, "container",
"100%", "100%",
"9.0.0", "expressInstall.swf",
flashvars, params, attributes);
}
<p><b>Please enable Javascript!
</b></p>