5ステップでInstagramビデオを埋め込む方法

ビデオigハンズオンInstagramの新しいビデオ機能は間違いなく世界に共有する価値のあるクリップを提供します(おそらく誰も決して見るべきではないいくつかのクリップですが、それは別の話です)。また、Instagramビデオの傑作をブログの投稿やWebサイトで友達と共有したい場合は、これらのビデオを埋め込むことができるかどうか疑問に思われるでしょう。 

できますが、TwitterやYouTubeの動画でVinesの埋め込みボタンをクリックするほど簡単ではありません。Instagramビデオの埋め込みのアートは少し複雑です。しかし恐れるな、若いInstagrammer。できる!Mashableのクリスティーナウォーレンは、これらのビデオをあなたのWebサイトに配信する良い方法を発見しました。 

[更新:コメンターが述べたように、今ではInstaembedを使用してこれらのビデオを埋め込むこともできます。だから…それはおそらくもっと簡単です。] 

第一歩

Instagramアカウントにログインし、ChromeまたはSafariを使用してデスクトップのビデオURLを取得します。プルアップするために特別なことをする必要はありません。必要なビデオが表示されるフィードの部分にアクセスしてください。Firefoxファン、悪いニュースがあります。Mozillaではこれを行うことはできません。ここで私はソーシャルメディアのサヴァントの友人がInstagramビデオに最初に進出する場所を見つけました。 

スクリーンショット2013-06-21、午後1.59.26

ステップ2 

ビデオを右クリックして、[要素を検証]を選択します。クレイジーに見えるコードの束が画面の下部に表示されます。パニック発作を起こさないでください。あなたは正しい軌道に乗っています。 

スクリーンショット2013-06-21 1.57.24 PMスクリーンショット2013-06-21 2.00.48 PM

この図のようなコードを表示している場合は、途中です。だから今、あなたはあなたが埋め込む必要があるソースコードを見下ろしています。次のステップです…

ステップ3 

OK、その「要素の検査」コードを詳しく見てみましょう。「divクラス-「ビデオ」で始まる部分を探し、それが見つかったら、そのセクションの「distilleryvesper」という単語のある部分を探します。「mp4」で終わる必要があります。見つかったら、基本的にはインディアナジョーンズオブエンベディングスタッフ。 

私を見つけるのに少し時間がかかりましたが、青色でハイライトされた部分をクリックすると、ビデオが表示された新しいウィンドウが開きます。 スクリーンショット2013-06-21、午後2.10.31

ステップ4 

OK、最初に喜んでください。難しい、漠然とした技術的な部分は終わりました。URLを取得したら、Video for Everybodyジェネレーターに移動します。ボックス内のデフォルトコードを消去し、インターネットの腸から悪用して盗んだコードに置き換えます。ビデオに名前を付けることもできます。次のようになります。 

スクリーンショット2013-06-21 2.14.19 PM

ステップ5 

今、あなたはあなたの個人的なウェブサイトにそのコードを貼り付け、あなたの信じられないほどのビデオ埋め込みスキルの利点を享受してください。自動再生をオンにするかオフにするか(良いネチズンでオフにする)、HTML5またはHTML5 + Flashのどちらを使用するかを選択できます。あなたは基本的に今はコーダーです。(冗談です、本物のコーダー、私たちに怒鳴らないでください。)

 素晴らしい仕事、素晴らしい仕事です!しかし、今すぐ埋め込むことができるので、Instagramビデオは完璧だと考える前に、Vinesを埋め込むのがさらに簡単であることを思い出させてください。VineをGIFにすることもできます。これは、これまでのInstagramビデオでは少し難しいことです。