![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
数日前に質問させていただきましたが、解決できませんでした。
ページ内にPDFファイルと動画をならべて埋め込みで表示させようとしているのですが
videoタグによって最新版のどのブラウザでも、OSに依存することなく動画を再生できています。
しかしPDFファイルについてはOSによってはうまく埋め込み表示されません。
実際のHTMLの記述は下記のようになります。
<object data="01.pdf" type="application/pdf" width="560" height="760" autoplay style="vertical-align:middle;"></object>
このhtmlファイルと同じ階層に01.pdfファイルをアップロードすることで
中身をブラウザ上に埋め込み表示させようとしているのです。
MacOSとiOSに関しては主要なブラウザ(Chrome、FireFox、Safari等)で
PDFの中身が表示されます。
しかし、WindowsやAndroidに搭載されるほとんどのブラウザでは
「このコンテンツを表示するにはプラグインが必要です。」(Firefox)
「このプラグインはサポートされていません。」(Chrome)
前回質問させていただいたときに、プラグインをインストールすれば表示できるとのことでしたが
考えられるプラグインをインストールしても、埋め込み表示されません。
具体的にどのようなプラグインをインストールすればよいのか
あるいはどのように設定すればよいのか
詳しい方がおれられましたらご指導お願いします。
No.3ベストアンサー
- 回答日時:
回答では無いですが、
win7 Firefox 表示できました、
ie11 表示できました。
ただし、「foxit reader」ソフト入れてます、
ie11は、ActiveX許可でfoxit readerが受け持つようです、
Firefoxは、foxit readerプラグインを停止しても独自で表示してます。
PDFソフトが関係してるかも
Windows7のFirefoxやIE11で表示されたとの報告大変ありがたいです。
やはり、プラグインやブラウザ側の設定によってWindowsでもAndroidでもPDFの埋め込み表示はできるんですね。
それぞれのOSで必要なプラグインが異なるとなると、視聴者側に伝えることが難しいので
これから慎重に検証作業を重ねていくつもりです。
Mac環境しかないため、WindowsやAndroidでの検証には時間がかかりそうです。
回答ありがとうございます。
No.4
- 回答日時:
Windows 10 + Firefox(x64)な人間からの質問だぞ☆
https://dxr.mozilla.org/mozilla-central/rev/a7c6 …
https://dxr.mozilla.org/mozilla-central/rev/a7c6 …
の二つについてそれぞれどう思うか聞かせてくれ。
#自分のノリ、少しおかしい
No.2
- 回答日時:
Windows は Adobe Acrobat Reader をインストールすれば表示できますが、Android は分かりません。
PDF.js (JavaScript) で表示する方法もあります。
https://mozilla.github.io/pdf.js/
http://qiita.com/nissuk/items/01d0490e19dff6e19a03
回答ありがとうございます。
PDF.jsの件は僕も把握していましたが、
あまりにも設定が難しそうで、受けて側にインストールをお願いすいレベルではないかなと思ってあきらめていました。
現在借りていたAndroid端末が手元にないので、
後日検証してみようと思います。
まずはお礼まで。
No.1
- 回答日時:
ご希望の回答になっていないこと、初めにお詫びしておきます。
質問者さんの希望(最終目標)は
ページ内にPDFファイルと動画をならべて埋め込みで表示
でしょうか?
僭越ながら推測するに、
閲覧者にPDFファイルと動画をならべて表示されたページを見ていただくこと
ではないでしょうか?
もし、後者であれば、PDFファイルの内容を、
例えばJPEGなどの画像データにして
ページ内に画像ファイルと動画をならべて埋め込みで表示
することで対応可能と思います。
回答ありがとうございます。
お察しのとおりで、後者の「閲覧者にPDFファイルと動画をならべて表示されたページを見ていただく」ことを実現したいのです。
PDFファイルが無数に存在するため、これをJepgに変換して表示するとなるとかなり手間がかかり、できれば回避したいところです。
そもそもmacやiphoneのブラウザでこちらの意図どおりの表示ができているのに
WindowsやAndroidの同様のブラウザで表示できないところに疑問があるのです。
macで表示されているということは、HTMLの記述に問題はなさそうなので
あとはプラグインの問題だと考えています。
他者様のサイトになりますが、
http://www.htmq.com/html5/object.shtml
の後半にPDFの埋め込み画像があります。
これをmacのChromeやFirefoxで観ると、きちんと表示されます。
しかしAndroidのChromeなどでは表示されません。
このようなページがあることを考えると、僕のHTMLの記述に問題があるのではなくて
受け手側のブラウザ環境に問題があると思えるのです。
ネットで調べた考えられる方法を全て試してみましたが
うまく表示できません。
もしmacで表示されるけれど、それ以外のOSでは原理的に表示できないという仕様ならば
あきらめもつきますが、
どうもそうでもなさそうなので、是非この問題は解決しておきたいのです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- その他(プログラミング・Web制作) 【GAS】Gmail本文をブラウザ表示された状態でPDFにしたいです 1 2022/12/12 09:54
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- ホームページ作成・プログラミング chromeでhttpdを使うと 2 2022/03/23 10:54
- HTML・CSS WEB上で文書のアイコンを配置する方法 2 2022/09/03 13:01
- その他(IT・Webサービス) WEBサイト内のファイルを探す方法は? 1 2022/11/11 16:38
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
XMLを作成してもタグしか表示さ...
-
テキストドキュメントのプレビ...
-
リンク先のURLを非表示にし...
-
yahooニュースの動画が表示さ...
-
AfterEffectsでイージーイーズ...
-
mailtoで本文指定に改行をしたい
-
H1タグに改行の<br>を使う
-
掲示板からIPアドレスってど...
-
GoogleChromeでレイアウトが左...
-
Hタグを改行禁止にしてspanのよ...
-
VC、コンソールアプリ結果の...
-
\\n \\r \\t について
-
doc As HTMLdocumentのコンパイ...
-
リーバイス?
-
リンクの範囲がおかしい?
-
Excel VBA 見本通りに...
-
Eclipseの空白が変な...
-
ブラウザでのタイ語の改行について
-
スマホでページ内リンクができない
-
ExcelのVBAでHTMLのタグ数を取...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
XMLを作成してもタグしか表示さ...
-
リンク先のURLを非表示にし...
-
ツールチップの表示時間の調整
-
テキストドキュメントのプレビ...
-
重たいwebページ表示前にメッセ...
-
PDFをブラウザに埋め込み表示す...
-
tripodの無料HPに詳しい方
-
ホームページの文字が大きすぎ...
-
MSNのサイトの表示がおかしい
-
WindowsMeのシステムの復元に...
-
ホームページがブラウザによっ...
-
パソコンの画面がワイドになり...
-
携帯サイトでPC非表示文や携帯...
-
ホームページが突然 エラーで見...
-
1000mmgという動画サイ...
-
表示の食い違いの原因(C:\\Users)
-
タンブラーにつながらない
-
HTMLでのリンク作成時に。
-
「コレ」は何のためにあるので...
-
アイコン表示のテキストの復活...
おすすめ情報