Unity3D Problem

Albin Klein
80 Posts
Albin Klein posted this 16 March 2016

Hi, I am embedding an Unity3D Virtual Art Gallery into a WordPress page, I added it no problem as a shortcode IFrame on a page but the only problem is that the embedded blue lower right corner button for full screen doesn't work and I have no idea why?

http://galnew.fritzpopartgallery.com/?page_id=15

Can you help me on this?

Hi, I am embedding an Unity3D Virtual Art Gallery into a WordPress page, I added it no problem as a shortcode IFrame on a page but the only problem is that the embedded blue lower right corner button for full screen doesn't work and I have no idea why? http://galnew.fritzpopartgallery.com/?page_id=15 Can you help me on this?
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 16 March 2016

Hi,

Does it work with the default theme?

Sincerely,
Hella

Hi, Does it work with the default theme? Sincerely, Hella
Albin Klein
80 Posts
Albin Klein posted this 16 March 2016

Just made a test, the answer is no, it does not.

Is not a themler problem, any idea what can that be? My solution is using IFrame and this code

[html css="height:766px;padding-top:20px;"][iframe width="100%" height="700px" width="960px" src="http://new.fritzpopartgallery.com/index.html"][/html] 

pulling another webpage that is exported automatically when i export from Unity3D. The source of that page is

<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Unity WebGL Player | Pop Art Gallery</title>
    <link rel="stylesheet" href="TemplateData/style.css">
    <link rel="shortcut icon" href="TemplateData/favicon.ico" />
    <script src="TemplateData/UnityProgress.js"></script>
  </head>
  <body class="template">
    <p class="header"><span>Unity WebGL Player | </span>Pop Art Gallery</p>
    <div class="template-wrap clear">
      <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" height="600px" width="960px"></canvas>
      <br>
      <div class="logo"></div>
      <div class="fullscreen"><img src="TemplateData/fullscreen.png" width="38" height="38" alt="Fullscreen" title="Fullscreen" onclick="SetFullscreen(1);" /></div>
      <div class="title">Pop Art Gallery</div>
    </div>
    <p class="footer">&laquo; created with <a href="http://unity3d.com/" title="Go to unity3d.com">Unity</a> &raquo;</p>
    <script type='text/javascript'>
  var Module = {
    TOTAL_MEMORY: 268435456,
    errorhandler: null,         // arguments: err, url, line. This function must return 'true' if the error is handled, otherwise 'false'
    compatibilitycheck: null,
    dataUrl: "Release/ltest.data",
    codeUrl: "Release/ltest.js",
    memUrl: "Release/ltest.mem",
  };
</script>
<script src="Release/UnityLoader.js"></script>


  </body>
</html>

Is there any way I can insert that WebGl inside themler or WordPress in another way without IFrame that is what is blocking the fullscreen button (it must be IFrame)

Could you help me a bit with this?

Just made a test, the answer is no, it does not. Is not a themler problem, any idea what can that be? My solution is using IFrame and this code [html css="height:766px;padding-top:20px;"][iframe width="100%" height="700px" width="960px" src="http://new.fritzpopartgallery.com/index.html"][/html] pulling another webpage that is exported automatically when i export from Unity3D. The source of that page is <!doctype html> <html lang="en-us"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Unity WebGL Player | Pop Art Gallery</title> <link rel="stylesheet" href="TemplateData/style.css"> <link rel="shortcut icon" href="TemplateData/favicon.ico" /> <script src="TemplateData/UnityProgress.js"></script> </head> <body class="template"> <p class="header"><span>Unity WebGL Player | </span>Pop Art Gallery</p> <div class="template-wrap clear"> <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" height="600px" width="960px"></canvas> <br> <div class="logo"></div> <div class="fullscreen"><img src="TemplateData/fullscreen.png" width="38" height="38" alt="Fullscreen" title="Fullscreen" onclick="SetFullscreen(1);" /></div> <div class="title">Pop Art Gallery</div> </div> <p class="footer">&laquo; created with <a href="http://unity3d.com/" title="Go to unity3d.com">Unity</a> &raquo;</p> <script type='text/javascript'> var Module = { TOTAL_MEMORY: 268435456, errorhandler: null, // arguments: err, url, line. This function must return 'true' if the error is handled, otherwise 'false' compatibilitycheck: null, dataUrl: "Release/ltest.data", codeUrl: "Release/ltest.js", memUrl: "Release/ltest.mem", }; </script> <script src="Release/UnityLoader.js"></script> </body> </html> Is there any way I can insert that WebGl inside themler or WordPress in another way without IFrame that is what is blocking the fullscreen button (it must be IFrame) Could you help me a bit with this?
Support Team
Support Team posted this 16 March 2016

Hi,

I suggest you to contact the plug-in support team or search for the similar issues on the WP forums.

Sincerely,
Hella

Hi, I suggest you to contact the plug-in support team or search for the similar issues on the WP forums. Sincerely, Hella
Albin Klein
80 Posts
Albin Klein posted this 16 March 2016

Ok, so now a direct question:

How can I embed with Themler a WebGL?

Ok, so now a direct question: How can I embed with Themler a WebGL?
Albin Klein
80 Posts
Albin Klein posted this 18 March 2016

I found a solution in case somebody comes up with the same problem.

You need to add the parameters:

allowfullscreen="true"; webkitallowfullscreen="true";

to the Iframe shortcode. Now it allows the frame to get fullscreen.

I found a solution in case somebody comes up with the same problem. You need to add the parameters: allowfullscreen="true"; webkitallowfullscreen="true"; to the Iframe shortcode. Now it allows the frame to get fullscreen.
You must log in or register to leave comments