PDFファイルをスマホで表示させるには

ブログ記事でPDF表示したく ソースに以下を記入したがPCは良いがスマホではダウンロードになってしまいます。良い方法はないでしょうか?
ご教授願います。

追記
basercms ではなく普通のhtmlのページで pdfjs を使ってやるとうまく表示されるが basercms ではファイルの置き場所等解らず です。

【環境情報】
・baserCMSのバージョン:(例)4.5.4
・レンタルサーバー名:JSN
・使用テーマ:omotenashi_2
・PHPスキル(自己評価): E

タグを記します。うまく表示できない
div class=“embed-responsive embed-responsive-1by1”>
iframe class=“embed-responsive-item” height=“600” src=“https://(ファイル格納場所)/**.pdf” width=“100%”>
/iframe>

この記事を参考にされてはどうでしょうか。

設置場所は、この記事を参考にされてはどうでしょうか?

参考記事のご提示ありがとうございます。
テーマ(omotenashi2)の中に入れてみましたが

<p>
<a href="https://*******/theme/omotenashi2/pdfjs/web/viewer.html?file=https://*******/theme/omotenashi2/pdf/h5s.pdf">
<img src="https://********/pdf/pdf.png" />
</a>
</p>

pdfエラー
PCでも表示できませんでした。
なので、試しに固定ページに入れてみたら希望の通りに表示できました。(PCスマホ共に)
ブログ記事の中に表示するのは無理なんでしょうか??

ルートが通っていたら、ブログ、固定ページに差異はないと思うんですが、試していないのでなんとも。。。

ちなみに、以下の固定ページとおっしゃっているのは、baserCMSのコンテンツとしての「固定ページ」という理解であっていますでしょうか?

はい、その通りです。
ありがとうございます。

なるほど。
ちなみに問題なく表示できた固定ページのコードは、どのようなものでしょうか?

先のコードと全く同じです。

これでしょうか?

そうです。ソースから入力しました。試しなので

であれば、ブログで利用されているレイアウトファイルか何かで、標準的に利用されている(固定ページで利用している)レイアウトファイルとは違う条件があるということになりますね。
例えば、干渉する可能性のあるようなjsがブログ用のレイアウトファイルか何かでは、読み込まれているといったような。。。
そこは、ヒットアンドエラーで地道にチェックするしかないのではないでしょうか。

いずれにしても、固定ページでPDF.jsによるプレビューが成立しているのであれば、そう難しい問題ではないのではないかと。

「いいね!」 1

ありがとうございます。
地道にですね しばらくの間、検討してみます。

解決できたので記します。
なんてことはない インラインフレームで希望通りに表示できました。(PC&スマホで)

<p>
<iframe height="700" src="https://*******/theme/omotenashi2/pdfjs/web/viewer.html?file=https://*******/theme/omotenashi2/pdf/h5s.pdf" width="100%">
</iframe>
</p>

これで解決とします。
ありがとうございました。