2017年1月14日現在、Googleフォトの写真や動画をWebページに埋め込むことはできません。しかし、Googleドライブを経由すれば簡単に埋め込むことができます。しかしこのインターフェースは…
追記(2017年5月21日)
Googleフォトのアドレスの形式が変わっていたので、それに対応させました。形式がコロコロ変わると大変困るのですが…
追記(2017年1月17日)
NEMOTOさんからアドバイスをいただき、Googleフォトのページから画像のアドレスを取得してブログに貼り付けることができないか試してみました。結論は、可能でした。以下の写真はGoogleフォト上の写真をimgタグでダイレクトに表示しています。
<img src="https://lh3.googleusercontent.com/j1w67gOkqt-9ZhXD3g0Ibm4W--KVtrxnq9emiV3AziGMwo67_JLMnbeHvdkFyju0YmlT2-BKkpA2efgexcM-5DH0FQmf2XsbZYZE" />
この写真のアドレスを取得するには、
- Googleフォトで写真を開き
- 右上隅の詳細アイコン(縦に・が3つならんでいる)をクリック
- ダウンロード
- ブラウザのダウンロード履歴を調べて、写真のアドレスを見つける
可能は可能なのですが、だいぶマニアックでGoogle側が想定していない方法だと思います。できればGoogleが提供している方法で埋め込んだ方が安心できる気がします。
追記(2017年1月1日)
アイコンの位置が少し変わっていたので修正しました。
アドレスを限定公開
Googleドライブを開いて、左側の一覧から「Googleフォト」を選びます:
共有したい写真や動画をクリックします:
右上の方にある「共有」ボタンを押します:
すると、アドレスを知っている人ならログインしなくてもこの動画にアクセスできるようになります。
プレビュー
次に、右上の方にある目の形をした「プレビュー」ボタンを押します:
ウィンドウ全体にプレビューが表示されます。次に右上の「ポップアウト」ボタンを押します:
ポップアウト(2017年1月1日)
ポップアウト(以前)
新しいタブが開いて全体に動画が表示されます。
詳細ボタン(2017年1月1日)
ここをクリックすると、「埋め込み」という項目が現れます。
詳細ボタン(以前)
上の縦に3つ「・」が並んでいるボタンを押します:
すると「アイテムを埋め込む」ここですか、はあ:
埋め込みコード
埋め込みコードが表示されます:
しかしね、Googleくん、君はどうしてこんなインターフェースにしたんだ?おかしいだろ、絶対。
😡 😡 😡
おわりに
というわけで、Googleフォトの写真や動画をWebページに埋め込む方法を説明しました。
この記事は参考になりましたでしょうか?もしそうでしたら、以下のツイートに「いいね」して下さい。コメントをリプライしていただいてもOKです。今後の記事を書く参考にさせていただきます。よろしくお願いします😌
#書きました
— 植田 達郎@回復中 (@weed_7777) 2016年6月8日
2016年6月8日現在、#Googleフォト の写真や動画をWebページに #埋め込む ことはできません。しかし、#Googleドライブ を経由すれば簡単に埋め込むことができます。しかしこのインターフェースは…” https://t.co/pmKB3Kv8ni
お疲れさまでした。