play.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <html>
  2. <head>
  3. <title></title>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
  5. <meta name="apple-mobile-web-app-capable" content="yes" />
  6. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  7. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  8. <meta http-equiv="x-ua-compatible" content="IE=edge" />
  9. <style>
  10. @-ms-viewport { width:device-width; }
  11. @media only screen and (min-device-width:800px) { html { overflow:hidden; } }
  12. html { height:100%; }
  13. body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
  14. </style>
  15. </head>
  16. <body>
  17. <script src="tour.js"></script>
  18. <div id="pano" style="width:100%;height:100%;">
  19. <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>
  20. <script>
  21. function GetQueryString(name)
  22. {
  23. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  24. var r = window.location.search.substr(1).match(reg);
  25. if(r!=null)return unescape(r[2]); return null;
  26. }
  27. embedpano({swf:"tour.swf", xml:"http://demo.krpano.php/tour/tour_video.xml.php?vid="+GetQueryString('vid'), target:"pano", html5:"auto", mobilescale:1.0, passQueryParameters:true});
  28. </script>
  29. </div>
  30. <script type="text/javascript">
  31. /**
  32. * 获取用户点击播放进度条的时间
  33. * 以秒为单位
  34. **/
  35. function get_time(cur_time,total_time,seekpos){
  36. console.log("拖动之前:"+parseInt(cur_time));
  37. console.log("拖动之后:"+parseInt(total_time*seekpos));
  38. }
  39. function update_title(title){
  40. document.title = title;
  41. }
  42. </script>
  43. </body>
  44. </html>