index.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <title></title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  10. <meta name="mobile-web-app-capable" content="yes" />
  11. <style type="text/css" title="Default">
  12. body, div, h1, h2, h3, span, p {
  13. font-family: Verdana,Arial,Helvetica,sans-serif;
  14. }
  15. /* fullscreen */
  16. html {
  17. height:100%;
  18. }
  19. body {
  20. height:100%;
  21. margin: 0px;
  22. overflow:hidden; /* disable scrollbars */
  23. font-size: 10pt;
  24. -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove highlight on tab for iOS/Android */
  25. }
  26. /* fix for scroll bars on webkit & >=Mac OS X Lion */
  27. ::-webkit-scrollbar {
  28. background-color: rgba(0,0,0,0.5);
  29. width: 0.75em;
  30. }
  31. ::-webkit-scrollbar-thumb {
  32. background-color: rgba(255,255,255,0.5);
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
  38. <script type="text/javascript" src="pano2vr_player.js">
  39. </script>
  40. <div id="container" style="width:100%;height:100%;overflow:hidden;">
  41. <br>Loading...<br><br>
  42. </div>
  43. <script type="text/javascript">
  44. // create the panorama player with the container
  45. pano=new pano2vrPlayer("container");
  46. // load the configuration
  47. window.addEventListener("load", function() {
  48. pano.readConfigUrlAsync("pano.xml");
  49. });
  50. </script>
  51. <noscript>
  52. <p><b>Please enable Javascript!</b></p>
  53. </noscript>
  54. <!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
  55. <!-- Hack needed to hide the url bar on iOS 9, iPhone 5s -->
  56. <div style="width:1px;height:1px;"></div>
  57. </body>
  58. </html>