diff --git a/assets/model_viewer_template.html b/assets/model_viewer_template.html
index 9c180e7..e636cd3 100644
--- a/assets/model_viewer_template.html
+++ b/assets/model_viewer_template.html
@@ -24,4 +24,8 @@
     /* other-css */
 </style>
 <script type="module" src="model_viewer.min.js" defer></script>
+<script>
+    self.ModelViewerElement = self.ModelViewerElement || {};
+    self.ModelViewerElement.meshoptDecoderLocation = 'https://cdn.jsdelivr.net/npm/meshoptimizer/meshopt_decoder.min.js';
+</script>
 <!-- body -->
\ No newline at end of file
diff --git a/example/web/index.html b/example/web/index.html
index 7807d47..ce8b393 100644
--- a/example/web/index.html
+++ b/example/web/index.html
@@ -19,6 +19,10 @@
   <title>flutter_3d_controller_example</title>
   <link rel="manifest" href="manifest.json">
   <script type="module" src="./assets/packages/flutter_3d_controller/assets/model_viewer.min.js" defer></script>
+  <script>
+    self.ModelViewerElement = self.ModelViewerElement || {};
+    self.ModelViewerElement.meshoptDecoderLocation = 'https://cdn.jsdelivr.net/npm/meshoptimizer/meshopt_decoder.min.js';
+  </script>
 </head>
 <body>
 <script src="flutter_bootstrap.js" async></script>
