動画をブログに埋め込む方法

FC2動画やYouTube 以外にも動画をブログに埋め込みたい事がある。
□ Facebook の動画を埋め込む方法
手順
(1)埋め込みコードを取得する
埋め込みたい Facebook動画 のURLにアクセスする
動画の右下にある「動画を埋め込む」をクリックする
(2)div で括って中に埋め込む
div の中に、(1)でコピーしたコードを貼り付け、高さと横幅を指定する
記述例:<div style="width:600px;">ここに埋め込みコード</div>
【スポンサーリンク】□ Facebook の動画を埋め込む方法
手順
(1)埋め込みコードを取得する
埋め込みたい Facebook動画 のURLにアクセスする
動画の右下にある「動画を埋め込む」をクリックする
(2)div で括って中に埋め込む
div の中に、(1)でコピーしたコードを貼り付け、高さと横幅を指定する
記述例:<div style="width:600px;">ここに埋め込みコード</div>
□ Instagram の動画を埋め込む方法
手順
(1) URLに「embed」を加える
埋め込みたい Instagram動画 のURLにアクセスする
URLの最後に「embed」を加える
(2) iframeの中に埋め込む
iframeの中に、(1)でembedを加えたURLを埋め込み、高さと横幅を指定する
サンプルページ:『恋がヘタでも生きてます』(削除されました)
記述:<iframe src="https://www.instagram.com/p/BTY2g92jxmE/embed" width="500px" height="370px" frameborder="0" scrolling="no"></iframe>
手順
(1) URLに「embed」を加える
埋め込みたい Instagram動画 のURLにアクセスする
URLの最後に「embed」を加える
(2) iframeの中に埋め込む
iframeの中に、(1)でembedを加えたURLを埋め込み、高さと横幅を指定する
サンプルページ:『恋がヘタでも生きてます』(削除されました)
記述:<iframe src="https://www.instagram.com/p/BTY2g92jxmE/embed" width="500px" height="370px" frameborder="0" scrolling="no"></iframe>
- 関連記事
-
-
Windows10のロック画面を無効にする設定方法 2016/10/10
-
youtube(別名「ようつべ」) 2007/01/22
-
flvファイルをMP4変換 2008/07/24
-
firefoxで画面が真っ白 2010/03/11
-
キャッシュと文字化け 2006/03/30
-
エラー 800a03e8 2010/03/20
-
「はてなダイアリー」の言及数を増やすには・・・ 2009/06/17
-
Lightbox と Facebook のいいねボタンとの重なりを直す 2013/06/16
-
フォトプリンタ#02 2007/01/14
-