index.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. <script>
  14. 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)) {
  15. window.location.href = './video.html'
  16. }
  17. </script>
  18. </head>
  19. <body>
  20. <div class="webgl-content">
  21. <div class="welcome">
  22. <span id="enter">进入沙盘</span>
  23. </div>
  24. <div class="video">
  25. <video id="fixVideo" autoplay src="./出境.mp4"></video>
  26. </div>
  27. <!-- <div class="enter">
  28. <span>点击进入</span>
  29. </div> -->
  30. <div id="unityContainer" style="width: 100%; height: 100%"></div>
  31. </div>
  32. <script>
  33. let elem = document.querySelector('#enter')
  34. var unityInstance = ''
  35. elem.addEventListener('click',function () {
  36. unityInstance = UnityLoader.instantiate("unityContainer", "Build/WebGL.json", {onProgress: UnityProgress});
  37. let ele = document.querySelector('.welcome')
  38. ele.style.display = 'none'
  39. })
  40. // var unityInstance = UnityLoader.instantiate("unityContainer", "Build/WebGL.json", {onProgress: UnityProgress});
  41. </script>
  42. </body>
  43. </html>