How to Use Google pdf viewer in html web page / Google Drive PDF Viewer
generating preview
<!DOCTYPE html>
<html lang="en">
<head>
<title> Designer Desk Online </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div style="text-align:center">
<iframe src="https://docs.google.com/viewer?url=https://www.designerdeskonline.com/sample.pdf&embedded=true" frameborder="0" height="500px" width="100%"> </iframe>
</div>
</body>
</html>
How to Use this Elements / Source Code:
You Can Use Google pdf viewer in html web page elements by select the above source code (CTRL + A) then copy the code (CTRL + C) and paste (CTRL + V) it in a blank html Page to initially test it. Then you can use the Above Google pdf viewer in html web page where ever you want for your project.
Usage of Google pdf viewer in html web page :
You Can Use this elements when you need to view any kind of .pdf document file in a website or web page. It is benifical when use any large document file in webpage like Examination Result, any kind of notice or announcement, Download application forms etc.