Not Show PDF in My Website

I have generated API from Adobe and I want to have PDF file view in html website. But the pdf file is not showing.

 my code. 

<div id="adobe-dc-view" style="height: 360px; width: 500px;"></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: "********************************", divId: "adobe-dc-view"});
		adobeDCView.previewFile({
			content:{location: {url: "https://pdf.studyguru24.com<?php echo url_for('files/download?id='.$files->id) ?>"}},
		}, {embedMode: "SIZED_CONTAINER"});
	});
</script>

 I have opened with Google Docs. But not supporting all browsers

<center>
<h4>View And Download PDF</h4>
<iframe src="https://docs.google.com/gview?url=https://pdf.studyguru24.com<?php echo url_for('files/download?id='.$files->id) ?> &embedded=true" 
style="width:90%; max-width: 800px; height:450px;" frameborder="0"></iframe>
</div>
</center>

  Note : i have Not URL in .pdf extention. only website server generated download id. check my website. PDF Collection