title: Model Viewer library does not load the 3d model
body: <p>I am trying to load a 3d model into my website using the modelviewer library. However, the file it not loading and I am getting the below (see image).</p>
  <p>FYI if it could be causing some issues - I am using github pages, but hosting a custom domain that I purchased from godaddy.</p>
  <p>I thought that it was a permission issue, but I tried adding my .glb model to the folder and then downloading it by going to (example: <a href="http://www.website.com/origami.glb" rel="nofollow noreferrer">www.website.com/origami.glb</a>) and it downloaded.</p>
  <p>Here is my code:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html style=&quot;font-size: 100%;&quot;&gt;
  
      &lt;head&gt;
          &lt;meta charset=&quot;utf-8&quot;&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;/&gt;
          &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
          &lt;title&gt;test&lt;/title&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;./styles/styles.css&quot; id=&quot;&quot; type=&quot;text/css&quot;&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;./styles/stylesMob.css&quot; id=&quot;&quot; type=&quot;text/css&quot;&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;./styles/navStyle.css&quot; id=&quot;&quot; type=&quot;text/css&quot;&gt;
          &lt;link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'&gt;   
          &lt;script type=&quot;module&quot; src=&quot;https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js&quot;&gt;&lt;/script&gt;   
  
          &lt;style&gt;
          model-viewer{
              width: 400px;
              height: 1600px;
              margin: auto;
          }   
  
          &lt;/style&gt;
          
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a  href=&quot;index.html&quot;&gt;main&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class=&quot;active&quot; href=&quot;projects.html&quot;&gt;projects&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=&quot;about.html&quot;&gt;about&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=&quot;about.html&quot;&gt;contact&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
            
          
          &lt;h4 style=&quot;font-size: 20px; color: red;&quot;&gt; * the website is wip * &lt;/h4&gt;
          &lt;div&gt;
              &lt;model-viewer src=&quot;origami.glb&quot; &gt;&lt;/model-viewer&gt;
          &lt;/div&gt;            
         
  
          
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/oJRZj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oJRZj.jpg" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/AIdPg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AIdPg.jpg" alt="enter image description here" /></a></p>