![Google Drive Embedded HTML の画像が機能しない [修正]](https://cdn.thefilibusterblog.com/wp-content/uploads/2024/01/images-Google-Drive-embedded-HTML-not-working-1-640x375.webp)
最近、多くのユーザーが、Google ドライブに埋め込まれた HTML 内の画像が期待どおりに動作しないことに懸念を表明しています。その結果、何年も前の写真や画像はすべてアクセスできなくなったり、表示されなくなったりします。それだけでなく、ドライブにリンクしているすべてのオーディオ タグが再生されなくなったという人もいます。では、この問題に対する Google のスタンスはどうなっているのでしょうか。そしてさらに重要なことに、この問題を修正するにはどうすればよいのでしょうか (そもそもバグだった場合!)。確認してみましょう。

Google Drive Embedded HTML の画像が機能しないのはなぜですか?
昨年 10 月に遡ると、シリコンバレーの大手企業は、 2024 年 1 月 2 日以降、エンドユーザーは iframe 要素を使用して、Google ドライブに保存されているアイテムを他の Web リソースに埋め込むと発表 しました。つまり、ドライブは、サードパーティのウェブサイトに埋め込まれているサードパーティ Cookie を必要とせずに、ダウンロードの提供を開始します。それとは別に、ユーザーが取るべき推奨アクションも示しました。

これには、Web サイト上で iframe (ドキュメント内の別の HTML ページをロードする HTML 要素) を使用してコンテンツをロードすることが含まれます。これを行うには、ドライブ内のファイルに移動し、次の関連する手順を実行します。
- ワークスペース ファイル (Google ドキュメント、スプレッドシート、スライド、フォーム ファイル タイプ) の場合は、ファイルのGoogle ドキュメント公開 URLを使用します。
- 他のファイルの場合は、ドライブで開いたら、オーバーフロー メニューから [新しいウィンドウで開く] を選択し、次にオーバーフロー メニューを開いて [アイテムを埋め込む…] を選択します。これにより、iframe HTML タグが提供されます。
では、Google が推奨する前述の手順をそのまま使用することはできないのでしょうか?もちろん可能ですが、これにはかなりの注意点があります。たとえば、iframe は画像には役に立ちません (例: GIF ファイルは表示されません)。さらに、クリックスルーして大きな画像を表示すると、別のタブやブラウザ ウィンドウ全体に直接画像を読み込むのではなく、Google ドライブ ビューアに移動するようになりました。では、他に何ができるでしょうか?確認してみましょう。
Googleドライブの埋め込みHTMLの画像が機能しない問題を修正

現時点で、ユーザーに成功をもたらす唯一の回避策は、埋め込みコードのuc?export=download&id=部分をsummnail?id= Gifに変更することです。以下に同じ例を示します。
OLD LINE OF CODE: <img src="https://drive.google.com/uc?export=download&id=xyz"alt="Page Image">
NEW LINE OF CODE: <img src="https://drive.google.com/thumbnail?id=xyz"alt="Page Image">
ただし、この修正には大きな問題があります。実際の画像の代わりにサムネイルを使用しているため、画質は大幅に低下します。ただし、現時点では、Google ドライブに埋め込まれた HTML の画像が機能しないという問題に対処できる調整はこれだけなので、少なくとも今のところはこれで満足するしかありません。
この問題に関する公式の立場に関する限り、開発者はこの問題を認識していますが、修正の公開に向けた ETA はまだ発表されていません。その場合は、それに応じてこのガイドを更新します。
コメントを残す ▼