diff --git a/material/base.html b/material/base.html
index 26ed8f866..b91933449 100644
--- a/material/base.html
+++ b/material/base.html
@@ -241,11 +241,11 @@
     {% endblock %}
     {% block scripts %}
       <script src="{{ 'assets/javascripts/bundle.220ee61c.min.js' | url }}"></script>
-      {% for path in config.extra_javascript %}
-        {% if path.endswith(".mjs") %}
-          <script type="module" src="{{ path | url }}"></script>
+      {% for script in config.extra_javascript %}
+        {% if script.path %}
+          {{ script | script_tag }}
         {% else %}
-          <script src="{{ path | url }}"></script>
+          <script src="{{ script | url }}"></script>
         {% endif %}
       {% endfor %}
     {% endblock %}
diff --git a/src/base.html b/src/base.html
index eb8205a5b..850821a3c 100644
--- a/src/base.html
+++ b/src/base.html
@@ -419,11 +419,13 @@
       <script src="{{ 'assets/javascripts/bundle.js' | url }}"></script>
 
       <!-- Custom JavaScript -->
-      {% for path in config.extra_javascript %}
-        {% if path.endswith(".mjs") %}
-          <script type="module" src="{{ path | url }}"></script>
+      {% for script in config.extra_javascript %}
+
+        <!-- Detected MkDocs 1.5+ which has `script.path` and `script_tag` -->
+        {% if script.path %}
+          {{ script | script_tag }}
         {% else %}
-          <script src="{{ path | url }}"></script>
+          <script src="{{ script | url }}"></script>
         {% endif %}
       {% endfor %}
     {% endblock %}