File preview not available, please reload to try again. - Azure

I am running Azure with Blob Storage. I created credentials for my domain and my subdomain. My subdomain is the blob storage. No matter which credential I use I get the error "File Preview Not Available"

<div id="adobe-dc-view"></div>
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
    document.addEventListener("adobe_dc_view_sdk.ready", function () {
        var adobeDCView = new AdobeDC.View({ clientId: "f2855aea6b054271be928e64ad386da0", divId: "adobe-dc-view" });
        adobeDCView.previewFile({
            content: { location: { url: "https://cookbooks.vintagecooking.live/pdf/test.pdf" } },
            metaData: { fileName: "test.pdf" }
        }, {});
    });
</script>