Attention! Translated article might be found on my English blog.

2017年2月27日月曜日

Bloggerにニコニコ動画の動画を埋め込む

先ほど投稿したDead by Friendsの場合、以下の手順で埋め込むことができました。
  1. 動画ページをFlash版で表示する
  2. ページ下方の「共有▼」ボタンをクリックする
  3. 「外部プレイヤー」を選択し、表示されるスクリプトをコピーする
  4. Bloggerの投稿ページにHTMLモードで貼り付ける
  5. 確認するにはブログ記事公開後、記事ページを表示させるしかないかも
1. 動画ページをFlash版で表示する

2017/02/27現在、HTML5版(β)には埋め込みコード表示機能は無さそうなので、
Flash版で動画ページを表示させます。

2. ページ下方の「共有▼」ボタンをクリックする



3. 「外部プレイヤー」を選択し、表示されるスクリプトをコピーする




4.  Bloggerの投稿ページにHTMLモードで貼り付ける


なお、HTMLに関する知識があるのであれば、手順1〜3を飛ばして以下のscriptタグを埋め込み、
<script src="http://ext.nicovideo.jp/thumb_watch/sm30688170?w=490&amp;h=307" type="text/javascript"></script><noscript><a href="http://www.nicovideo.jp/watch/sm30688170">【ニコニコ動画】ホラーゲームPV風けものフレンズ</a></noscript>
の赤字部分を貼りたい動画のものに変えてしまえば良さそうです。
また、青字部分を変えればサイズも変更できそうですね。(動作未確認)

5.  確認するにはブログ記事公開後、記事ページを表示させるしかないかも

作成モード(?)やプレビューではscriptやnoscriptタグが実行されないようなので、
投稿後に記事ページにアクセスし、動作確認するしかなさそうです。


無事貼り付けることができました。