index.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <title>Unity WebGL Player | WebGL</title>
  7. <link rel="shortcut icon" href="TemplateData/favicon.ico">
  8. <link rel="stylesheet" href="TemplateData/style.css">
  9. <script src="./Build/jquery.min.js"></script>
  10. <script src="./Build/config.js"></script>
  11. <script src="TemplateData/UnityProgress.js"></script>
  12. <script src="Build/UnityLoader.js"></script>
  13. <style>
  14. #fixVideo{
  15. width: 460px;
  16. margin-top: 40px;
  17. /* height: 300px; */
  18. }
  19. </style>
  20. <script>
  21. if(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(navigator.userAgent)) {
  22. window.location.href = './video.html'
  23. }
  24. </script>
  25. </head>
  26. <body>
  27. <div class="webgl-content">
  28. <div class="welcome">
  29. <span id="enter">进入沙盘</span>
  30. </div>
  31. <div class="video">
  32. <video id="fixVideo" src="./出境.mp4"></video>
  33. </div>
  34. <!-- <div class="enter">
  35. <span>点击进入</span>
  36. </div> -->
  37. <div id="unityContainer" style="width: 100%; height: 100%"></div>
  38. </div>
  39. <script>
  40. let elem = document.querySelector('#enter')
  41. var unityInstance = ''
  42. elem.addEventListener('click',function () {
  43. unityInstance = UnityLoader.instantiate("unityContainer", "Build/WebGL.json", {onProgress: UnityProgress});
  44. let ele = document.querySelector('.welcome')
  45. ele.style.display = 'none'
  46. })
  47. // var unityInstance = UnityLoader.instantiate("unityContainer", "Build/WebGL.json", {onProgress: UnityProgress});
  48. </script>
  49. </body>
  50. </html>