WebGL在Joomla网站上不起作用

Question

如果我将它嵌入到Joomla网站中，我的WebGL示例不起作用，示例非常简单，因为场景中只有一个spining cube，如示例Code pen example-spiningcube所示     <script type="text/javascript" src="http://osgjs.org/examples/vendors/Q.js"></script>

<script type="text/javascript" src="http://osgjs.org/examples/vendors/Hammer.js"></script>
<script type="text/javascript" src="http://osgjs.org/examples/vendors/Leap.js"></script>
<script type="text/javascript" src="http://osgjs.org/builds/active/OSG.js"></script>

<canvas id="3DView" width="100%" height="100%"></canvas>

<ul>Apply Rotation<ul>
    <li>Update time: <a id="update"></a></li>
    <li>Rotation angle: <a id="angle"></a></li>
</ul>

通常，此示例有2个文件，一个用于HTML文件，另一个用于外部引用javascript文件。

为了在Joomla 3.2.1中完成这项工作，我创建了一个自定义HTML模块，并使用loadposition命令将其嵌入到其中一篇文章中，但网站页面中没有显示任何内容。我知道我的浏览器支持WebGL，我注意到只有一个差异，如果我打开网站的相关页面，我的嵌入代码以脚本type="text/javascript"开头不在页面的头部，这可能是一个原因为什么WebGL示例不起作用？