I'm trying to make a notebook interactive on my webpage. The notebook is located on the cloud. The following is the error received in the firefox debugger:

The resource from “https://unpkg.com/browse/wolfram-notebook-embedder@0.2.2/dist/wolfram-notebook-embedder.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

Loading failed for the <script> with source “https://unpkg.com/browse/wolfram-notebook-embedder@0.2.2/dist/wolfram-notebook-embedder.min.js”. 

Uncaught ReferenceError: WolframNotebookEmbedder is not defined

The following is in the HTML page:

<meta    charset="utf-8" X-Content-Type-Options="nosniff" Content-type="text/javascript" "http-equiv"=Content-Type" />

<script src="https://unpkg.com/browse/wolfram-notebook-embedder@0.2.2/dist/wolfram-notebook-embedder.min.js" type="text/javascript"></script>

<div id="notebookContainer"></div>

<script type="text/javascript">
src="WolframNotebookEmbedder.embed('https://www.wolframcloud.com/obj/anyperson/Published/cloud/notetebook',document.getElementById('notebookContainer'),{allowInteract:true, showRenderProgress:true,width:590,height:590}">
</script>