HTMLでPDFの埋め込みをするには？

Question

BloggerというサイトにPDFをiframeを使って表示させたいです。
しかし要素がたぶん間違っていて表示できない状況です。
どこにiframeを埋め込めばきちんと表示されるか教えていただけませんか？
何卒よろしくお願いします！

<div style="text-align: left;">
  <span style="text-align: justify;">27.8.2021-9.24.2021 / WEEK1~WEEK4</span>
</div>
<div style="text-align: left;">
  <span style="text-align: justify;">〇〇 / 0350748</span>
</div>
<div style="text-align: left;">
  <span style="text-align: justify;">Typography / GCD60104 /BDCM</span>
</div>
<div style="text-align: left;">
  <span style="text-align: justify;">Task1 / Exercise</span>
</div>
<div style="text-align: left;">
  <span><!--more--></span><span style="text-align: justify;"><b style="background-color: #fff2cc;">LECTURE</b></span>
</div>
<div style="text-align: left;">
  <span style="text-align: justify;"><br /></span>
</div>
<div style="text-align: left;">
  <span style="text-align: justify;"><br /></span>
</div>
<div style="text-align: left;">
  <span style="text-align: justify;">WEEK1:</span>
</div>
<div style="text-align: left;">
  <span style="text-align: justify;"><br /></span>
</div>
<div style="text-align: left;">WEEK2:</div>
<div style="text-align: left;"><br /></div>
<span><!--more--></span>
<div style="text-align: left;">
  <span style="background-color: #fff2cc;"><b>INSTRUCTIONS</b></span></div>
<br />
  <iframe allow="autoplay" height="480" src="https://drive.google.com/file/d/1TbxWn5SbyDNJs_wgoLDOFMc7rkr251Ma/preview" width="640"></iframe>
  <br />

Comments

[退会済みユーザー]

コードは ``` と ``` で囲ってください（``` はバッククォート 3 つ）。インデントされてないコードはあなたも読む気がしないのでは？

[honokan]

すみません。初心者で理解不足でした。

Answer 1

同一URL内にファイルを置けば解決すると思いますが、
GoogleDriveに置きたい場合はURL末尾に"&embedded=true"を記載すれば閲覧できるはずです。

<iframe allow="autoplay" height="480" src="https://drive.google.com/file/d/1TbxWn5SbyDNJs_wgoLDOFMc7rkr251Ma/preview&embedded=true" width="640"></iframe>

Comments

[honokan]

本当にありがとうございました！プレビューにすると表示できたのでよかったです！

Answer 2

まずは原因の切り分けをした方が良いと思います。なんとなくですがGoogle Driveを使ってることに起因しているようなきもしますので、同じディレクトリにPDFファイルを置いて、それを表示してみるとかすればどうでしょう。これで問題なければGoogle側の問題の可能性が高いです。

Google側の問題の場合はGoogle DriveのURLがプレビュー形式（開いてもらうためのURL）になっているので、直リンクURLを指定するとかだといけるかもしれません。

参考）
https://qiita.com/rot-z/items/299ac40361690c51ce1d

Comments

[honokan]

本当にご回答いただきありがとうございます！なんとか表示されました！本当にありがとうございました！