ホビーガジェット [PC/周辺機器/サプライ/ゲーム/商品紹介/レビュー/ブログTIPS...]

パソコン、周辺機器、メモリーカード等サプライ、AV機器、家電製品、ゲーム等の商品紹介、レビュー、ショップ掲載他、ブログ運営メモ。アフィリエイト。

スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


( --/--/-- --:-- ) Category スポンサー広告 | トラックバック(-) | コメント(-)

FC2ブログへの動画の埋め込み方法~ニコニコ動画編 

今回は、FC2ブログへニコニコ動画を貼り付けてみます。
掲載する動画は、「viliv N5 発売決定」を使わせて頂きました。

ニコニコ動画をFC2ブログの記事内へ掲載する手順

1.動画を検索

まずは対象となる動画を探します。


2.ニコニコ動画の埋め込みコードを取得

ニコニコ動画の埋め込みコード取得


(1)外部サイトに貼り付けをクリックします。

(2)FC2BLOGのアイコンをクリックすると、自動的にFC2のサイトが開かれ、ログイン状態を保持していれば、「新しく記事を書く」欄に、タグが埋め込まれます。ログイン状態を保持していない場合でもIDとパスワードを入力すれば、同じように動きます。

以下のようにタグが貼り付けられます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
↓これが貼り付けられたタグ↓
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm10860248?w=320&h=240">
</script>
↑これが貼り付けられたタグ↑
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


3.動画の記事内での表示サイズを変更

ブログのテンプレートの記事の幅に収まるように、表示するサイズを変更する場合、タグ内の"w="及び"h="というパラメータを書き換えます。尚、表示サイズのアスペクト比(縦横比)はどんな比率でも動画自体は正しく表示されますがオリジナルに近い比率にしておいた方が余計な余白できなくて見栄えが良くなります。下記の例ではこの記事の幅500ピクセルに収まるよう、幅を480としてみます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
↓これが貼り付けられたタグ↓
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm10860248?w=480&h=288">
</script>
↑これが貼り付けられたタグ↑
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
あとは、記事を保存して確認。

上記の数値に変更すると以下のように表示されました。↓



<検索用キーワード>

動画を埋め込む方法 貼り付け方法 ニコ動 動画リンク ブログに動画表示 記事に埋め込む 日記に埋め込む 記事に貼る nicovideo

関連記事
スポンサーサイト


コメントの投稿













管理者にだけ表示を許可する
ブログランキング
[AD] Amazon
[AD] Rakuten


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。