﻿<!DOCTYPE html>
<html>
<head>
	<title>krpano</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
	<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>
	<link rel="stylesheet" href="../../shared/css/kplayer.css">
</head>
<body>

<script>
var krpano;
function onready(krpano_interface) {
	krpano = krpano_interface;
}
function exec_external_script(layer, videoId, title, subTitle, text) {
	if (!(layer instanceof HTMLElement)) {
		console.warn('Layer is not element: ' + layer);
		return;
	}
	var html = [
		'<div class="kplayer_container">',
			'<div class="kplayer_body">',
				'<figure>',
					'<div class="kplayer_video">',
						'<iframe ',
							'src="https://video.kobelco-jianji.com/video/factory-%E5%B7%A5%E5%8E%82VR/inner/' + videoId + '"',
						'></iframe>',
					'</div>',
					'<figcaption>',
						'<hgroup>',
							'<h1>' + title.replace('\\n', '<br/>') + '</h1>',
							'<h2>' + subTitle.replace('\\n', '<br/>') + '</h2>',
						'</hgroup>',
						'<div>',
							'<p>' + text.replace('\\n', '<br/>') + '</p>',
						'</div>',
					'</figcaption>',
				'</figure>',
			'</div>',
			'<div class="kplayer_bg"></div>',
		'</div>'
	].join('');
	layer.innerHTML = html;
}
</script>

<script src="krpano.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>
		embedpano({swf:"krpano.swf", xml:"krpano.xml", target:"pano", html5:"auto", mobilescale:1.0, passQueryParameters:true, onready: onready});
	</script>
</div>

</body>
</html>
