• web
  • services
  • tools
  • how-to
• design
  • art
  • video
  • music
• culture
  • technology
  • fun
  • news
  • misc

Instagramのビデオをサイトやブログに埋め込むシンプルな方法

Instagramでのビデオ投稿が先日から開始されましたが、Vineとは異なりInstagramでは現在のところ投稿ビデオの外部サイトへの埋め込みには対応していないようです。

しかし、次のようなシンプルな方法でビデオをウェブサイトブログなどに埋め込むことができます。

例えばInstagramビデオが掲載しているページのURLが下のような場合

http://instagram.com/p/a2rxrjJpOS/

下のように「embed」と付け足すと埋め込みコンテンツのURLになります。

http://instagram.com/p/a2rxrjJpOS/embed

あとは<iframe>を使ってこのURLをセットしてやればいいだけです。

<iframe src="http://instagram.com/p/a2rxrjJpOS/embed/" width="412" height="412" frameborder="0" scrolling="no"></iframe>

（適宜「width／height」で幅や高さを指定して下さい）

これを実際に貼り付けるとこんな感じに↓

Video by @bagilov

• Flash非対応ブラウザ上でも動作するかはわかりません。

上記コードを自動生成するブックマークレットを作ったのでよければどうぞ。